Margin Left/right menu

Support
#1

Hello there,
I would know if it is possible change (increase or reduce) the left/right margin in standard main menu.
I use a logo aligned with menu but if I add some element in menu, than the logo is moved up but I have space left/right available yet…
Pls, can you suggest me?
Tnx,
Francesco

#2

Hi Francesco,

Thanks for writing in! The basic settings related navigation and header can be changed under X -> Theme Options -> Header area.

You can also add your own custom CSS rules into your X -> Theme Options -> CSS area.

If you require further assistance, please provide us with the URL to your site (make sure to add enough menu items and replicate the issue when contacting).

Thanks!

#3

Tnx for your prompt reply,
I try to use this setting in Header area but I’m not able.
My site is

I would align my logo to menu simply…

Tnx
Rgs,
Francesco

#4

Hello Francesco,

Thanks for asking. :slight_smile:

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

header.masthead.masthead-inline .x-container.max.width {
    max-width: 1200px;
}

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.

#5

Tnx Prasant, for your important help.
Hv a nice days!

#6

You’re most welcome, Neetra.

#7

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