Navigation Dropdown - Show Links above Toggle?

Support
#1

Hey,

is it possible to show the links above the toggle like in this screenshot?:

Thx in advance,
Phil

#2

Hello Phil,

Thanks for writing in!

To show the links above the toggle like in the screenshot, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.site [data-x-stem*="d"] {
    top: auto;
    bottom: 80px;
}

We would loved to know if this has work for you. Thank you.

#3

works flawless - thx very much!

#4

Another thing:

Is there a way to achieve the line over the toggle?

I tried using a bottom border for the dropdown part of the element but I can’t have it less wide than the div of the links (obviously) - is the some way to have the border be less wide?

#5

Hi There,

You can do that adding a small thin image background to the drop down menu.
The CSS should look like.

.e29-3 .x-dropdown {
background: url(image path)  no-repeat bottom left;
}

also you can adjust the background position through custom value instead of left center.

Hope this helps!

#6

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