Docs

[orangecrush]

Hi,

Recently my responsive text headers load in their smallest setting until I refresh or adjust the browser size.

Yes I have Wp Rocket and Cloudflare, but disabled them, clear the cache and browser history and it still does it. I also turned off all plug-ins and tested again.

This is something fairly recent, probably within the last month. Noting else has changed other then the fact that I am now using the superbly plugin.

Thanks for your help!

Bill

[orangecrush]

This reply has been marked as private.

[Christopher]

Hi there,

I checked home page and headlines with the class resp-h and they were resizing fine. Please see the attachment and confirm me or let us know how we can replicate the issue.

Thanks.

[orangecrush]

Thanks Christopher, it seems to only be a problem on Safari. Please see screen shot attached.

Are you able to check it on Safari?

[Rue Nel]

Hello There,

I am another staff checking on this thread. I have checked your site in Safari and this is how I see it:
http://prntscr.com/edhoaz

I do not encounter any issues. Could you please use private browsing mode in Safari and test your site again?

Please let us know how it goes.

[orangecrush]

Thanks for looking at it in Safari. The screen shot you attached shows exactly the problem. That is the smallest font size for the responsive headers. It should look like the attached screen shot I included.

If you look at it again, then adjust the browser size a little or refresh the page, the header will snap to the correct and larger size.

I did some more testing and it is the recently installed Superfly menu that is causing the conflict. Any ideas?

[Rad]

Hi there,

This is weird, I can confirm this issue in my end but when I open the browser console (separate window) the issue disappears even by reloading the page again.

Let’s try retriggering the resize events, please add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery( function($){

function call_load_event() {
setTimeout( function() { $(window).trigger('resize').resize(); }, 1000);
}

$(document).ready( call_load_event );
$(window).load( call_load_event );

} );

Thanks!

[orangecrush]

Thanks Rad.

Yes, that works, except for when I go back to the main page (one page) from another page. For example, go to quote or prepare, and then return to Reviews or Contact. You will see what I mean.

Again, if I turn off the Superfly menu, it is fine.

[Rad]

Hi there,

What do you mean by going back, by hitting the browser history button? Or by clicking the menu? Looks okay on my end.

Thanks!

[orangecrush]

Clicking the menu items.

[Rad]

Hi there,

It’s not working at all due to javascript error, please replace this line

/ Mobile ScrollSpy Functionality - Fix Wrong Position and Close Dropdown Menu

with this line

// Mobile ScrollSpy Functionality - Fix Wrong Position and Close Dropdown Menu

But regardless, the responsive font size works on my end now.

Thanks!

[orangecrush]

Thanks Rad!

[Joao]

Glad to hear we managed to help

Cheers

[orangecrush]

You guys are the best!

[Prasant Rai]

You’re welcome! We are just glad we were able to help you out.

[Author]

Posts