How can I get the search icon to appear on the same row (2nd row now) as the menu? Since it’s in its own column, its height is too big.
Have logo and menu in separate rows
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Keith
It’s unfortunately not easy to move the location of the menu search. Have you perhaps tried reducing the horizontal padding of your menu items? That’ll hopefully allow you to fit all menu items on a single line. Insert the following under Appearance > Custom CSS:
/* Menu Padding Horizontal */ .main-navigation ul li a { padding-right: 25px !important; padding-left: 25px !important; }Adjust as required.
Yeah, that was the first thing I tried, but it seems like the search is on its own column because adjusting the padding value does not make it change in size. I also tried inputting your code and it had no effect. :(
Please send through a url to the site and we can take a look and try help from there.
Hi Andrew, I’m prevented by the company to post a link (don’t ask me why lol). Here is a screenshot on how it looks currently.
http://img.techpowerup.org/150126/1-26-201510-45-06AM.png
Thanks
Perhaps send a mail to [email protected] with the url and a link back to this thread and I can check it out then?
That’s better. Will do.
Super, glad that helped.
Hey Andrew, did you ever get my response? I replied to the email.
This is what I said:
Okay, tried it and it shows the search on the upper left. Is there a way to get it to the bottom right? Because when I click on search, the bar opens on top of the logo in the header.
Thanks Keith, I’ll get onto email in just a bit. Standby.