Storefront – Product Search and menu padding

  • Copcheck

    (@copcheck)


    9 years ago

    Hello.

    I’m building a site for a friend using the following:
    WooCommerce 2.3.7
    Woo Storefront 1.4.2
    JetPack 3.4.1

    So far I’m pleased with how it is going but I’m running into trouble with some CSS. I’d like to remove the Product Category search from the header and I was able to do that, however it shrinks the overall header and I cannot figure out how to add the space back.

    Also, I would like to shrink the padding in the navigation menu but cannot locate the correct code to manipulate.

    Below is a link to the site as it is now:
    http://bk.jontiesflies.com/

    Thank you

Viewing 1 replies (of 1 total)
  • James Koster

    (@jameskoster)

    9 years ago

    Hi,

    You’re using the header image feature for your logo, this is going to cause issues. Use the logo feature JetPack provides instead. That will fix your spacing problem.

    The padding in the main navigation is handled via the following selector:

    @media screen and (min-width: 768px) {
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a,
.site-header-cart .cart-contents {
padding: 0 1em 2.244em;
}
}
Viewing 1 replies (of 1 total)
  • The topic ‘Storefront – Product Search and menu padding’ is closed to new replies.