In your theme:
<div class=”site-branding col-md-4″></div>
<nav id=”site-navigation” class=”main-navigation col-md-8″ role=”navigation”></nav>
Try to replace: ‘col-md-4; and ‘col-md-8’ by ‘row’
In class .site-branding in style.css file replace
.site-branding{float: left; padding: 40px 15px;} by .site-branding{text-align:center}
.main-navigation li{replace float:left by display: inline-block;}
.main-navigation {
display: block;
float: left;
}
change to
.main-navigation{ text-align: center; }
I hope it helpful with you !
Where in my theme would I find the relevant code to change?
Many thanks for your help!
Any help on this would be greatly appreciated 🙂
You just need to edit your logo on your PC. Crop it and leave only the text. Now you have a lot of whitespace. Also, the size of that logo file 3000×1000. Obviously, it’s a bit pointless for it to be so big.