side/slide menu width

Envi_snc · July 2018

Hello,

I'm using the empty header with the side/slide menu and i need to make it larger because the client would like to have the menu voices to not go on another line (for example "the (he)art of tailoring").

I've tried to customize it via css in the browser developer options with this:

#Side_slide {

width: 325px;

}

but when I close the menu it still shows a little bit on the right. Here is a screenshot: https://imgur.com/a/J75RfpU

you can find the website at https://sviluppo.envi.it/

Pablo · July 2018

Hi,

I tested in on few browsers and everything is fine.

Didn't you have any plugins in browser?

You can change width of Side Slide in Theme Options > Responsive > Header

http://prntscr.com/k1xve0

Thanks.

Envi_snc · July 2018

yeah the website was fine because i didn't write the css in "custom css" in theme option, only in chrome developer tools to see i what i was doing was alright.

anayway that's perfect, it is exactly the option i needed, i was searching it under the header option

Pablo · July 2018

Glad to hear that.

Is anything other I can help you with?

Thanks

Envi_snc · July 2018

actually, yes:
is it possible to have the first level menu items with the submenù (like "brands", "identity", "the heart of tailoring" and "news") to open when clicking on them instead to be forced to click on the "+" icon on the right?

they won't be a page, only a category inside the menù, so there shouldn't be issues between clicking to open the page or click to open the menu.

the others links in the menu (like "home", "showroom", "contact us" or "press office") shouldn't be affected

Pablo · July 2018

Please use this CSS

#Side_slide #menu ul li.submenu .menu-toggle::after {
	position: absolute !important;
	right: 10px !important;
}
#Side_slide #menu ul li.submenu .menu-toggle {
	width:100% !important;
}

Thanks

Envi_snc · July 2018

fantastic! thank you!

side/slide menu width

Comments