Navigation format gets messed up when adding a Graphic Logo

[Todd]

http://flyfish.t48.langerenterprises.com/

I am creating a new site and when I add a graphic logo it messes up the navigation set up. When I remove the logo, the format is fine, but as you can see from the link, the navigation bar goes to the right which pushes the search part below it. Also, the logo touches the title bar and the “Logo Margin Top” number has no effect on the position of the logo. I would like all of itmes on the nav bar section to all be centered horizontally with the same gap on the top and bottom of the section.

Thanks

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.header-menu { width:auto;}
.logo img { margin: 10px 0;}

Regards,
Dave

[Todd]

Thanks, that worked but the search bar does not fill the entire nav bar. How can I strech that out as well?

[Forum Moderator]

Hi,

Kindly use this CSS.

.header-extras { padding: 52px 25px 51px;}
#topmenu ul li a { padding: 56px 20px 57px;}

Regards,
Dave

[Todd]

Thanks

[Forum Moderator]

Hi,

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Dave

[Author]

Posts