[Brian]

Yes, I removed all the CSS and no change. The title still falls below the hamburger menu in Chrome. It lines up correctly in Safari. The site seems to resize correctly in Safari, but not in Chrome.

[Brian]

Of course:

Scales correctly:

https://djbriswatek.com/mobilesafariscreenshot/

Does not scale correctly:

https://djbriswatek.com/mobilechromescreenshot/

[Brian]

Could it be something to do with the line

@media screen and (max-width: 1024px)

?

How would I fix that?

Here is my custom CSS:

.grecaptcha-badge {
display: none;
}#site-branding {
display: block;
text-align: center;
width: 100%;
}

#site-header {
width: 100%;
}

.site-title { font-size: 42px; }
.site-description { font-size: 18px; }

@media screen and (max-width: 1024px) {
.site-title { font-size: 24px; }
.site-description { font-size: 14px; }
}

.menu.catchresponsive-nav-menu, #menu-main {
float: none;
text-align: center;
width: 100%;
}

.catchresponsive-nav-menu li { float: none; }

/* Slider Dot Color */
#feature-slider .cycle-pager span { color: #ffffff; }
/* Slider Dot Active Color */
#feature-slider .cycle-pager span.cycle-pager-active { color: #D7BC95; }

#feature-slider { padding-bottom: 0px; }

.site-content article {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}

.hentry {
-webkit-hyphens: manual;
-moz-hyphens: manual;
hyphens: manual;
}

#content a:hover {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

a:hover {
color: #BB7711;
}

a:focus,
a:active,
a:hover {
text-decoration: none;
}

#content a:focus,
a:active,
a:hover {
text-decoration: none;
}

[Brian]

Hi Mahesh. That demo website loads up just fine. Meanwhile the load up of my website is sporadic. Sometimes it loads correctly, sometimes it does not.

I have 8 images in the featured slider. Could that be the problem? Do I have too many? Should I reduce the number of images?

[Brian]

I’ve tried it on several phones and a tablet at my house and I only get the featured slider and the mobile menu to work properly about 50% of the time. Any thoughts?

[Brian]

Thank you!

[Brian]

That was so easy! Thank you again Sakin! This theme rocks and so do you.

[Brian]

That was so easy! Thank you Sakin! This theme rocks and so do you.

[Brian]

Whenever I included the URL, it wouldn’t post?

[Brian]

Hi. I’ve tried to post this to the Catch Responsive Pro Forum, but it doesn’t appear when I hit submit?

On my work-in-progress site at http://029.b2b.myftpupload.com/ I would like to move the “Page” content below the Featured Content. Right now the Page text is above the Featured Content. Is there Custom CSS I can add to flip the order of these two sections in the layout? Thanks. Bri

[Brian]

Thanks!

[Brian]

Hi Sakin. Is there a way to change the font size of the site-title and site-description for just the laptop site, but leave it as is for the tablet and mobile sites? I’d like the title and tagline to be a little bigger on the laptop screen, but I like it just the way it defaults on my iPad and phone. I tried that above CSS, but it changed it on all 3 devices.

Thanks,
Bri

[Brian]

Everything worked. Thanks!

[Brian]

Thanks, I’ll give this a try!

[Brian]

Thanks, I’ll give these both a try!

[Author]

Posts