Home>Support>Alignment of menu bar with logo

Alignment of menu bar with logo

By sergedicapi, 9 years ago. Last reply by Andrew Misplon, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello ,
We are new to WordPress and this is our first website in WordPress.
We are trying to align Menu bar with our Logo. As it is at top of the navigation bar
So is there any way to fix this ?

Thanks in advance,

URL: http://www.ib-cotedivoire.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi Sergedicapi

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    .main-navigation ul li a {
	padding: 50px 35px;
}

.main-navigation ul ul li a {
	padding: 20px 35px;
}
  2. 9 years, 7 months ago sergedicapi

    thanks but space between my menu and sub menu is too large.
    any issue?

  3. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    The second rule represents the drop downs.

    .main-navigation ul ul li a {
	padding: 20px 35px;
}

    20px represents top and bottom, change as required :)

  4. 9 years, 7 months ago sergedicapi

    ok cool thanks “super ça marche merci”

  5. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    For sure :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More