Huge space above first submenu link in mobile menu (PRO theme)

Support
#1

Hi there,

I’m using the PRO theme and I really like it. For the mobile version of the menu I created a special mobile version.
It looks fine but the gap above the first sub link to the top link is huge (in this case between UNSER SERVICE and EVENTS). I don’t know how to reduce that one.
May you help me?

The page I’m working on is: http://schaffh4.myhostpoint.ch/

Best, Christian

#2

Hello Christian,

Thanks for asking. :slight_smile:

You can add following CSS under Pro > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    .x-menu, .x-menu .sub-menu {
    margin-top: 0 !important;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Sometimes it can be that easy! The PRO version offers so much possibilities that I didn’t try a simple line of CSS code.
Thank you so much for your help.

Best, Christian

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.