Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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,
    Andreas

    #1246170

    Hey 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,
    Rikard

    #1246251

    Hi 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
    Andreas

    #1246433

    Hi,

    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,
    Rikard

    #1246459

    Hi 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,
    Andreas

    #1246578

    Hi

    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,
    Andreas

    #1246819

    Hi

    Both topics are solved. I am a novice with WordPress and Enfold and still learning.

    Thanks,
    Andreas

    #1246861

    Hi 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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.