Hi!
I’m taking a look at the CSS style and I noticed this rule:
.secondary-navigation .menu {
font-size: .875em;
width: auto;
float: right;
}
I think you could remove the float :right; and add this instead:
.secondary-navigation .menu {
position: relative;
left: 33em;
}
Give it a try and let us know 🙂
Cheers!
Hello computermedic,
Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
float: right;
}
@media(max-width: 767px) {
.storefront-primary-navigation {
display: block !important;
}
button.menu-toggle {
background: #0c0b0b !important;
color: #fff;
}
.main-navigation ul li a,
.site-title a, ul.menu li a,
.site-branding h1 a,
.site-footer .storefront-handheld-footer-bar a:not(.button),
.handheld-navigation .dropdown-toggle {
color: #121111 !important
}
}
Hope this will helps you.
Thanks.
Job a11n
(@jobthomas)
Automattic Happiness Engineer
Alternatively, you can also use Powerpack for that.
Thanks everyone. Seems something is blocking these settings from taking affect. I was hoping to get it done with out paying for a plugin. Maybe i’ll just settle for what I have now.