Tagged: mobile menu header
- This topic has 7 replies, 2 voices, and was last updated 2 years, 6 months ago by manuka.
-
AuthorPosts
-
April 21, 2022 at 12:31 am #303507manukaParticipant
Hi,
is our site we created with your awesome theme, thanks a lot! I just have a few questions regarding the menu.
- When i use it on mobile the “x” for closing the menu sometime overlaps the search icon, can i fix this somehow and change the color of the “x”?
- More important: When i click on a menulink which is a anchor of the same site i’m on, nothing happens. The menu stays on the screen and the site doesnt move to the anchor.
- E.g. If I’m here: https://lumenopenair.de/das-festival/ and want to click menu>festival>camping
- idealy, the site would jump to the correct anchor and close the menu
- A code snippet or something else to fix this would be so amazing since we built our whole site with anchors for the menu in mind!
Really hope some of you can help, I’m out of ideas after trying for a few hours!
Thanks!April 21, 2022 at 12:51 am #303535SkandhaParticipant@manuka: Hello there,
I checked your site and the CSS doesn’t seems to be loading and it looks all messed up. Can you please check?
Kind Regards,
SkandhaApril 24, 2022 at 12:58 pm #303693manukaParticipantHi Thanks for the fast reply!
It looks fine on our end, different devices as well. Is it a problem that it is hosted in Germany?
April 25, 2022 at 2:52 am #303722SkandhaParticipant@manuka: Hello there,
I don’t see the menu x icon and search icon overlapping at my end. Can you please attach a screenshot of the issue?
Regarding the anchors you will need to add id’s to the element so that the anchor when clicked scrolls down to that particular section.
For example, when you click on camping on the menu if you want the site to scroll down to Camping am Festival you will need to edit the it’s html.
Currently it is
<h2>Camping am Festival</h2>
.
You will need to change it to<h2 id="camping">Camping am Festival</h2>
.Similarly you will need to do this for other anchors as well.
Let me know if this works out!
Kind Regards,
SkandhaMay 9, 2022 at 1:16 am #304670manukaParticipantHi Skandar,
Thanks for your replay. The overlap was Just in the WordPress Preview so all good in that Part.
About the anchors: I have the anchors set already and they work perfectly on PC. (The anchors are set a bit above the headline (on Paragraph, picture, etc.))
Sadly on mobile nothing happens when I’m on a Site and want to click a menu item that Points to a anchor on the Same Site.
E.g. Im on “Verein” and want to click “Mitmachen”
This is currently Our biggest Problem and a fix would be awesome!
Kind regards
May 9, 2022 at 6:52 am #304714SkandhaParticipant@manuka: Hello there,
The issue has been fixed in the theme and an update will be released soon. I will let you know when the update is released.
Kind Regards,
SkandhaMay 11, 2022 at 1:10 am #304831SkandhaParticipant@manuka: Hello there,
The update has been released. Please update the theme to the latest version and let me know if the issue is resolved.
Kind Regards,
SkandhaMay 30, 2022 at 4:31 pm #305604manukaParticipantHi Skanda,
thank you so much for the update! It works defintely better now. It jumps to the correct anchors, which is the most important part.
It would be awesome if the mobile menu also closes when some menu-item is clicked on, though. (It stays open on my end when i’m on the same site where i want to click the menu-item (the anchor) )
If thats above the free support, I totally understand, though. 🙂
have a great day!
-
AuthorPosts
- The topic ‘Mobile Menu – Anchor and Toggle Problem’ is closed to new replies.