Tagged: smooth scrolling
Hi,
I would like to get some help resolving several issues with the following website:
1) When using Chrome and clicking on one of the top main menu items, the page jumps to the section as oppose to doing a smooth scroll down which we prefer. Is there a way of selecting or configuring this option?
2) In Safari, all of the top main menu links do not work but works fine in other browsers.
3) In Firefox, when I click on one of the top menu items, the page jumps to the section but then automatically scrolls back up (just a little) such that now the title of the section can no longer be seen.
4) In Internet Explorer, the background pictures on every color section do not span the entire width of the page unlike in the other browsers.
Would appreciate any help. Thanks!
Hi spmg67!
1.) When creating the link on Appearance > Menus, just add the id of the section. For example, the Opportunity menu items should have the URL “#opportunity” only.
2.) Please do step 1 then check it again on safari.
3.) Please do step 1 then check it again on firefox.
4.)
Regards,
Ismael
Hi!
1) To fix the logo issue insert following code into the quick css field:
.logo img {
height: 55px\9;
width: 300px\9;
}
2) Yes, unfortunately IE8 does not support stretched background images because it doesn’t support css3 code. Only newer IE versions (IE9,10,11) support them.
Regards,
Peter
Hey! Concerning smooth scrolling, if related to the speed of scrolling up & down the page, I’d like to know if there’s a way to implement it. I experienced this way of scrolling for some other templates. Is it available for Enfold too? Or is it up to the used browser?
Thanks and best regards.
Hi!
If you mean the type of scrolling that changes how the page scrolls using a mousewheel then no that isn’t available and will never be as far as I know.
Cheers!
Devin