-
AuthorPosts
-
January 3, 2014 at 6:14 am #204901
Hi!
I have a few questions about the mobile site,
I’m using the Responsive Header Main Menu: Display as Dropdown Menu & Responsive Layout Default for mobile and notice an arrow in a square box to scroll back up to the top on some pages, but not all.. How do I enable this setting for all the pages on mobile?Thanks!
January 3, 2014 at 8:26 am #204913Hi JMH_International!
It should be visible for all pages. Can you please give us a link to the page without the scroll to top button? Please add this on your custom.css or Quick CSS to enable the button on mobile devices:
@media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #scroll-top-link{display: block;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/ }
Regards,
IsmaelJanuary 3, 2014 at 6:50 pm #205092Hello!
Thanks for your help, I added the .responsive #scroll-top-link code to custom.css and am still not seeing it consistently.It is working on this page:
http://jmhpremium.azurewebsites.net/But not these pages:
http://jmhpremium.azurewebsites.net/bases/
http://jmhpremium.azurewebsites.net/products/
http://jmhpremium.azurewebsites.net/graviesdemi/I’m testing on an iphone 4s in safari.
Thanks for your help! Let me know if you need any further info.
Carolyn
January 3, 2014 at 7:50 pm #205111Hey!
Please add !important to Ismael’s code so it should be
@media only screen and (max-width: 767px) { .responsive #scroll-top-link { display: block!important; } /*iphones etc scroll better by tapping the status bar at the top of the screen*/ }
Then flush browser cache on your iphone
Regards,
YigitJanuary 3, 2014 at 8:29 pm #205128Hello! It still doesn’t seem to be working.. any other ideas?
sorry for the hassle!
January 4, 2014 at 7:10 am #205267 -
AuthorPosts
- The topic ‘Mobile’ is closed to new replies.