Home>Support>CSS menu and search icon different size

CSS menu and search icon different size

By Rhys, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 11 months ago Private Message - Rhys

    This is a private message.

  3. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

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

  4. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

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

  5. 8 years, 11 months ago Rhys

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

    Thanks again for the help, much appreciated!

  6. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More