Secondary Menu Alignment

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.

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.