Menu and logo centered
-
Hi everybody!
I am pretty new in the WordPress world and I’m struggling on how to:
– Center the logo
– Resize the logo (I’d like to have it much bigger than it’s)
– Center the menu bar (Inicio, Tienda, etc…)After searching the whole day on the Internet and trying to write some code I’ve seen on some forums I’m afraid I need your help.
This is my site: http://www.miminimundo.com
Any help would be appreciated!
Thanks a lot 🙂
Arnau
-
Hello mad2025,
=> Put below css code into Additional CSS textarea (Dashboard >> Apperance >> Customize) then click on Save & Publish button.
=> If there is no Additional CSS option then put below css code into your current theme’s style.css file located at wp-content/themes/your_current_active_theme/ folder.
.site-header .site-branding {
float: none !important;
margin: 0 auto;
width: 30%;
}
.storefront-primary-navigation {
margin-top: 20px;
}
.woocommerce-active .site-header .main-navigation {
width:100%;
}
.woocommerce-active .site-header .main-navigation .primary-navigation {
text-align: center;
}
.woocommerce-active .site-header .site-header-cart {
width: 21%;
margin-right: -230px;
}@media only screen and (max-width: 768px){
.woocommerce-active .site-header .main-navigation {
width:70%;
}
.woocommerce-active .site-header .site-header-cart {
width: 25%;
margin-right: 0px;
}
}@media only screen and (max-width: 360px){
.site-header .site-branding {
width: 80%;
}
.woocommerce-active .site-header .main-navigation {
width:100%;
}
.woocommerce-active .site-header .main-navigation .menu {
text-align: left;
}
}
Note : All Changes you done in style.css or other file are gone when you update theme. So prefer Child Theme
Hope this will helps you.
That worked perfect! Thanks a lot, you really helped me :).
- The topic ‘Menu and logo centered’ is closed to new replies.