Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 28, 2024 at 5:04 am #1441113
    xfacta

    Hi there

    I would like to have a bigger gap/space above the actual button on the main menu and the bottom of the normal menu links as its too close – how can I achieve this?

    https://www.skills4lifepsychology.com/

    Cheers
    Natasha

    April 28, 2024 at 3:00 pm #1441177
    Mike

    Hey xfacta,
    If you would like a larger space below your main menu links:
    Enfold Support 5622
    try changing the size of your header at Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Custom Height, this will also add space above your burger menu.

    Best regards,
    Mike

    April 29, 2024 at 12:54 am #1441229
    xfacta

    Hi Mike

    That only made the space that the menu itself takes up on desktop bigger – had no affect on the gap between the menu and the “Book online” button on the mobile/burger menu. I’m just wanting to move the button menu item further away from the menu line so that its easier to click on and doesnt look bunched up to the separator line on mobile.

    Cheers
    Natasha

    April 29, 2024 at 12:26 pm #1441297
    Mike

    Hi,
    I guess that I don’t understand, perhaps adding a few mockup screenshots of what you would like to see would help.

    Best regards,
    Mike

    April 29, 2024 at 12:52 pm #1441299
    xfacta

    Hey Mike
    I’ve taken a screenshot of the area I’m talking about. Hopefully you can see it. I just want the button to sit a bit lower from the rest of the menu on mobile as it’s too close to the bottom line of the other menu items. Needs a larger gap at the top of the button to the grey line. Does that make sense?

    Cheers
    Natasha

    April 29, 2024 at 7:16 pm #1441333
    Rikard

    Hi,

    Thanks for the screenshot, please try this in Quick CSS:

    #av-burger-menu-ul li.menu-item-23 {
  padding-top: 15px;
}

    Best regards,
    Rikard

    April 29, 2024 at 11:24 pm #1441356
    xfacta

    Hey Mike

    That didnt change anything sorry :-(

    April 30, 2024 at 9:59 am #1441416
    Rikard

    Hi,

    Please try this instead:

    #av-burger-menu-ul li.menu-item-23 {
  padding-top: 15px !important;
}

    Best regards,
    Rikard

    April 30, 2024 at 11:23 am #1441431
    xfacta

    Hey Rikard

    thank you that worked for this site but for some reason it isnt working on another site I need it for: https://dowsingaustralia.com.au/welcome/
    Why would that be?

    Cheers
    Natasha

    April 30, 2024 at 5:55 pm #1441479
    Mike

    Hi,
    From site to site the menu item classes will not be the same, your second site looks like the menu item is “89” so try this css:

    #av-burger-menu-ul li.menu-item-89 {
  padding-top: 15px !important;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 30, 2024 at 11:09 pm #1441505
    xfacta

    hey Mike

    oh perfect thank you! Where do I find that menu item number – on casee I need this for any other sites?

    Cheers
    Natasha

    May 1, 2024 at 1:51 am #1441520
    Mike

    Hi,
    Please use the browser inspector, unless there is anything else we can help with on this issue, shall we close this thread then?

    Best regards,
    Mike

    May 13, 2024 at 6:50 am #1443179
    xfacta

    hey Mike

    Ah I see got it thank you :-) You can close this thread now.

    Cheers
    Natasha

    May 13, 2024 at 8:56 am #1443194
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Burger Menu – button menu space above’ is closed to new replies.