Positioning Header Menu

[Pbalazs89]

Hi there,

I’m wondering how I can make the dropdown language switcher nav menu item the same width as it’s parent main nav menu item.

Here: https://www.dropbox.com/s/5fwp7ox5twrf0mw/Screenshot%202019-07-23%2009.31.14.png?dl=0

https://www.hotelnoble.hu/

Could you help?

Thanks!

[lely]

Hi @Pbalazs89,

Please try this:
1.) Inspect the element, on dropdown tab, please change width to 100%

2.) ON Customize Tab > Element CSS try adding this:

$el .x-dropdown {
    box-sizing: initial;
    right: -1px;
}

See this: https://screencast-o-matic.com/watch/cqi06ZOxhM

Hope this helps.

[Pbalazs89]

Hi there,

The issue is that the builder does not accept % as a value.
Here’s a screenshot: https://www.dropbox.com/s/eqy5hlkourhwxdx/Screenshot%202019-07-23%2016.52.19.png?dl=0

I can try to use !important through css but this might not be a good way.
Any ideas?

Thanks!

[friech]

Hi @Pbalazs89,

@Pbalazs89

I can try to use !important through css but this might not be a good way

That’s fine, Element CSS is a specific element css, so it won’t affect other elements.

$el .sub-menu.x-dropdown {
	width: 100%;
}

Cheers!