Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 2, 2019 at 10:09 am #1124120
    GrafitecSon

    Hello!

    I have the next issue: When I have a submenu in my mobile Burger menu, the first item in the submenu has a weird spacing. So when I use a mouse over the first item of the submenu disappear.

    How can I add more space above he first submenu item? See my screenshot for the problem.

    Witout mouse over: https://www.dropbox.com/s/jr5zy4o8sjzrst7/IMG_1648.jpg?dl=0
    With mouse over: https://www.dropbox.com/s/022ni6alvmsujhi/IMG_1649.PNG?dl=0

    August 2, 2019 at 1:03 pm #1124157
    Rikard

    Hey GrafitecSon,

    Thanks for the screenshots, could you post a link to where we can see the elements in question as well please?

    Best regards,
    Rikard

    August 2, 2019 at 1:41 pm #1124165
    GrafitecSon

    Hi Rikard,

    Yes, that is the following url: https://www.stakenburgfonds.nl/nieuw

    August 3, 2019 at 4:33 am #1124303
    Rikard

    Hi,

    Thanks for that, this CSS is causing that to happen:

    .av-main-nav-wrap ul.sub-menu {
    margin-top: -30px;
}

    Did you add that? If so then please try to wrap it in a media query instead. I can’t see exactly where it’s coming from since you have file compression active.

    Best regards,
    Rikard

    August 4, 2019 at 10:49 am #1124487
    GrafitecSon

    Hello Rikard,

    Yes, I ad that snippet to edit my submenu position on desktop. How can I use a media query for a good view on mobile?

    August 4, 2019 at 12:47 pm #1124520
    Victoria

    Hi GrafitecSon,

    You can wrap the code above with this:

    
@media only screen and (min-width: 1024px) {
  /* Add your Desktop Styles here */

}

    Best regards,
    Victoria

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