Menu out of vertical alignment?

I’m not sure how but it seems my menu has gotten out of alignment. I’ve had the website for a year now and don’t remember changing anything but recently noticed the menu has shifted vertically away from the rest of the header on my desktop display. This is especially noticeable on my home page where I have an action bar above the menu (see image below), but it’s off on the other pages as well. Can you help me figure out how to fix this?

Hi There,

Thank you for writing in, that custom CSS below is the culprit of the issue you described, please remove that from the Theme Options > CSS

ul li {
    padding-bottom: 15px !important;
}

Hope it helps,
Cheers!

Thank you!

Is there a way to customize ul and ol to create this padding but do it so that it doesn’t affect the menu, just the content in the body of a blog post itself?

Hey Andrew,

Thanks for updating in!

If you want to customize the ul and ol in your page and post contents only, simply add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.entry-content ul,
.entry-content ol {
  /* your styling here */
} 

.entry-content ul li,
.entry-content ol li{
  /* your styling here */
} 

Please let us know if this works out for you.

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