-
AuthorPosts
-
September 15, 2020 at 9:56 am #1245966
Hi
I want to use a full-width submenu and followed the tutorial “Create a one page menu” within the Enfold Documentation and watched the video. I thought it was an easy to implement feature, but I can’t get it to work.
As expected, the full-width submenu is on the page. When I hover the mouse over a menu item, the URL link is displayed as expected in the status bar at the bottom left of the browser. When I click on a menu item, nothing happens.
Any idea?
Thanks,
AndreasSeptember 16, 2020 at 6:26 am #1246170Hey Andreas,
I checked your first link and there is no element on the page with the link-to-Angebot ID. You need to have an element with that ID if you want the link to work. Note that the links are also case sensitive, so link-to-Angebot is not the same as link-to-angebot.
Best regards,
RikardSeptember 16, 2020 at 10:55 am #1246251Hi Rikard
Many thanks for your support. I was not aware that the links are case sensitive, and I made a small mistake. Now it works, but I am struggling to make it sticky too on mobile devices. I am working through all the hints from Enfold forum, there are many, but up to now, I do not get it working.
Best regards
AndreasSeptember 17, 2020 at 6:37 am #1246433Hi,
Thanks for the update. Do you mean that you want a sticky header on mobile? If so then please refer to this: https://kriesi.at/documentation/enfold/header/#sticky-header-on-mobile
Best regards,
RikardSeptember 17, 2020 at 8:02 am #1246459Hi Rikard
No, I mean the full-width submenu. I would like to make it sticky on mobile phones like it works on desktop.
Best regards,
AndreasSeptember 17, 2020 at 4:59 pm #1246578Hi
Using the Fullwidth Sub Menu seems to be a real challenge. There are many entries in the forum…
On the desktop, it works, but the space between the elements it uses is much. I can’t find a Quick CSS solution to reduce before padding or margin. When scrolling down the sticky part is acceptable and this, I don’t want to change this. Any idea?
On mobile devices, I am not able to make it sticky, like on the desktop. On different mobile devices it looks very different not to say awful. I have not found a Quick CSS solution which works. I give up and want to relinquish for mobile devices. Unfortunately, it is also not easy. I saw some hints that it does not really work on mobile therefor it is disabled, but not with me. To disable it I found the Quick CSS code:
@media only screen and (max-width: 768px) {
#top .av-submenu-container { display: none !important; }}With this code, it is not displayed but uses still space. Any idea?
Your help is much appreciated.
Best regards,
AndreasSeptember 18, 2020 at 1:43 pm #1246819Hi
Both topics are solved. I am a novice with WordPress and Enfold and still learning.
Thanks,
AndreasSeptember 18, 2020 at 5:26 pm #1246861Hi Andreas,
Glad you got it working for you! :)
You will be a pro soon ;)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.