Menu Drop Down

Support
#1

How can I get the drop down to not overlap the other menu items ? So it actually under the parent page menu item? How can I not have the shadow of that box of the other page or subpage ?

#2

Hi,

Thanks for writing in!

You can adjust that under Theme Options > Header > NAVBAR > NAVBAR TOP HEIGHT (PX)

Thanks

#3

How can I not have the shadow for that box of the submenu page?

#4

Hi There,

Thanks for writing in!

To remove shadow please add this CSS to your X-> Theme Option -> CSS.

.desktop .sub-menu {
box-shadow: none !important;
}

Hope this works!

#5

it didnt really work I do want a box just not a shadow box, its so far over to the left how can i make it so its a box but under the contact page menu item where it should be? Is there a submenu style edit page or control of this?

Thanks

#6

Hello @rotation,

Thanks for updating the thread.

Please try out following CSS and let us know the outcome:

.desktop .sub-menu {
    text-align: left !important;
    left: 5px !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
}

If you would like to learn CSS, please take a look a following resource:

https://www.w3schools.com/css/

Thanks.

#7

That looks better is there a way to make the box smaller and so its not so far to the right and a bit big for the small word …

#8

Hi @rotation

That would be the CSS code you need:

.desktop .sub-menu {
    min-width: 100px;
}

By the way, you are running an old version of the theme, you can follow this guide to update the theme to the latest stable version:

Thanks.

#9

Ok that works thanks , i’ll do the update thanks.

#10

You are most welcome. :slight_smile:

#11

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