-
Posts
-
Hi there,
I have a site that needs either a sticky header or a ‘back to top’ button on mobile. I’ve tried both using quick CSS solutions I’ve found elsewhere on this forum. However, both the menu icon and the ‘back to top’ button disappear after clicking a link from the menu. The site is just a single page site using anchor tags. Is there some JS that sets display to none? Is there a way round it?
Thanks.
Hey b1000,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
SarahHi,
Which code have you tried?
Please give us as many details as possible, so we can be able to help you out, or share for us backend access.Best regards,
BasilisHi Basilis,
These are the quick CSS codes:
/* sticky header on mobile */
.html_header_top.html_header_sticky #header {
position: fixed !important;
display: block;
}/* Back to Top on mobile */
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}
}Backend login below…
Thanks
Hi,
Scroll to top button shows up fine on my end on mobile.
Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_RefreshBest regards,
YigitIt’s not that they don’t show up, they do… the problem is that they disappear after you open the menu.
So if you tap the menu then select one of the menu items (e.g. Pricing), the browser scrolls to the relevant anchor but both the menu icon and back to top button are no longer visible. Both reappear once the page has been refreshed.
You can see the menu icon disappear immediately after you tap it, as if it’s being set to
display: none;by some JSHi,
Have sure if this isn`t any plugin conflict – just disable all the plugins and check it again -.
Best regards,
John TorvikHi b1000,
I checked on my mobile, I see both: the sticky header and the button. I think, you should either remove the button or make it smaller and more to the right. Clear the cache on your device or try on another device and see if those things are working.
Best regards,
VictoriaHi Victoria,
Are they still visible on your mobile after you navigate using one of the options in the menu?
Greetings from Vienna!
I do have a slight problem with ENFOLD. The jumps to the anchor tags works all fine.
BUT: when I press the “scroll back button” of the theme at the bottom right, it does not take me to the page start, but somewhere into the body.
Do I have to define “top of the page”?
Thanks in Advance for your supportBest regards
Gerhard
P. S. see in private Content the website
Hi @samurai_666,
We’ll do our best to help you, but can you open a new thread? This way, we can help you individually. Also, the private data you post here will also be visible to the creator of this thread. If you create a new thread/topic, only the staff will see it. Thank you!
Best regards,
SarahHi,
The “back to top” button is hidden on mobile devices by default because tapping at the top edge of the screen will take you back at the top of the page. Anyway, if you want to enable the button, please add the following css code.
@media only screen and (max-width: 989px) { .responsive #scroll-top-link { display: block !important; } }Best regards,
Ismael
- You must be logged in to reply to this topic.