This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

CSS menu and search icon different size

Resolved 6 replies premiumthemetheme-vantage
Rhys
Started · Latest reply by Andrew Misplon

Hi there,

My question is twofold, many thanks in advance for you help.

1: Currently there is a difference between my menu, logo and search icon height. When you hover over you can see a difference in their height. It appears the menu is not the same hieght as the search icon and logo. See the issue here http://www.peoplepotential.com/programmes/

2: The search icon is not parrelel to the menu text, the menu text appears to sit slightly higher and not aligned center with the logo or the search icon.

I believe there may be some CSS changes to be made in order to help fix this, please advise

URL: http://www.peoplepotential.com/programmes/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff

    Hi Rhys

    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.

    #menu-primary-menu {
padding-top: 10px;
}
#search-icon {
height: 56px;
top: 10px;
}

    Adjust the two 10px values in unison.

  2. Rhys Private

    This is a private message.

  3. Andrew Misplon Staff

    Looking good my side. Much better than before. What’s missing?

  4. Andrew Misplon Staff

    Are you looking to make the hover the same height as the header?

  5. Rhys

    Ok strange, its working for me know as well. Must have been a cache earlier.

    Thanks again for the help, much appreciated!

  6. Andrew Misplon Staff

    Super :) Glad to hear we made progress.

    All the best.

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.

Have a different question or issue?

Start New Thread