CSS menu and search icon different size
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
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
6Hi 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.
This is a private message.
Looking good my side. Much better than before. What’s missing?
Are you looking to make the hover the same height as the header?
Ok strange, its working for me know as well. Must have been a cache earlier.
Thanks again for the help, much appreciated!
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.