Storefront Header Tweaks

  • Resolved klipklopp

    (@klipklopp)


    5 years, 3 months ago

    I am trying to make so adjustments to Storefront on my page. I was able to add some code to remove the search box… I would also like to add some code to remove the cart, and then make the secondary menu larger and right justified to the right side of the site – not including where the search box and the cart used to be – I would like to accomplish this while keeping the site mobile responsive.

    Also any suggestions to adjust the height of the header?

    Thanks,

    Ted

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @klipklopp,

    Let’s see what we can do help you out here. Stuart has a code snippet you can use to remove the header cart. You can find it here:

    https://gist.github.com/stuartduff/a2c61865d3233a3da8ec24c813999f80

    Add that to your child theme’s functions.php file or with the Code Snippets plugin.

    You can add this CSS snippet to the Additional CSS section of the customizer (Appearance > Customize > Additional CSS) to right align the secondary menu:

    
@media (min-width: 768px) {
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        width: 47.8260869565%;
        float: right;
        margin-right: 0;
        font-size: 20px;
    }
}

    Those changes should only affect browser windows 768 pixels wide or larger which is roughly a tablet in portrait orientation on up.

    Let me know if you have any questions,

    Thread Starter klipklopp

    (@klipklopp)

    Hi,

    Thanks for the help! Both of these worked! I tweaked the percentage of the width to get my menu on to one line and I am all set!

    Thank you so much!

    Ted

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Storefront Header Tweaks’ is closed to new replies.

Tags