On my Samsung Galaxy S5, my mobile scroll lock/scroll to top of page is missing – the only css that I added prior to it going missing was this:
@media only screen and (max-width: 1270px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
I removed the code and tried it after clearing my cache, but the scroll to top of page button is completely gone.
Any ideas?
Hey shawnbanack!
Please add the following code to your Custom CSS area, let us know if it works as should
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}
}
Thanks a lot
Regards,
Basilis
I had that in there, but it wasn’t looking like it was getting pulled through – I can see the code is correct when I use IE and inspect the element + reduce the pixel size, yet on my phone (Chrome) and on my desktop (Chrome, reduced to less than 767 px), the code doesn’t show up. I’ve cleared all of my caches/etc. to no avail.
Also, I used the code below to reduce the pixels required to pop the mobile menu up – I have noticed that the entire menu stays pinned to the right side on a mobile device from time to time, and have read that this may be a bug – is there a fix for it?
@media only screen and (max-width: 1270px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
Got it solved.
Added:
@media screen and (max-width: 767px) {
#wrap_all { position: relative !important; }
}
After updating the custom css with that, the other code pulled through fine.
Thanks for the quick response.