Home>Support>CSS menu and search icon different size

CSS menu and search icon different size

By Rhys, 10 years ago. Last reply by Andrew Misplon, 10 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].

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. 10 years, 26 days 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. 10 years, 25 days ago Private Message - Rhys

    This is a private message.

  3. 10 years, 25 days ago Andrew Misplon
    Hi, I Work Here

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

  4. 10 years, 25 days ago Andrew Misplon
    Hi, I Work Here

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

  5. 10 years, 25 days 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. 10 years, 25 days 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