How to move Secondary Menu to the Right

  • Resolved Rimzan Hassan

    (@rimzan-hassan)


    8 years ago

    Hi,

    I would like to know how to move my secondary menu to the right. I have attached a screen capture of where I want it to be. I am using the Storefront theme, I have created a child theme.

    My Site URL: http://www.tktrnx.com

    Screen Capture: http://www.tktrnx.com/wp-content/uploads/2016/04/menu.png

    I found a way to move the secondary menu to the right via the Firefox Developer tools. I changed the code in the Developer tools like shown below and it worked. Now I would like to know how to change it in the child theme of my site.

    .woocommerce-active .site-header .secondary-navigation {
    width: 47.8260869565%;
    float: right;
    margin-right: 4.347826087%;

    Screen Capture: http://www.tktrnx.com/wp-content/uploads/2016/04/devtools.png

    Thanks in Advance for your time and support

    Rimzan Hassan

Viewing 3 replies - 1 through 3 (of 3 total)
  • aceall

    (@aceall)

    8 years ago

    Edit style.css and update:

    .woocommerce-active .site-header .secondary-navigation {
    float: left;
    margin-right: 4.34783%;
    width: 47.8261%;
    }

    to

    .woocommerce-active .site-header .secondary-navigation {
    float: right;
    margin-right: 4.34783%;
    width: 56%;
    }

    Thread Starter Rimzan Hassan

    (@rimzan-hassan)

    8 years ago

    Your code worked like a charm. Thanks for the support. @aceall

    Thread Starter Rimzan Hassan

    (@rimzan-hassan)

    7 years, 11 months ago

    Closed

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to move Secondary Menu to the Right’ is closed to new replies.