Return to previous page

How can i customize the height of the navigation bar?

This topic has 6 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

  • Avatar: lorchshop
    lorchshop
    Participant
    April 9, 2018 at 15:34

    How can i customize the height of the navigation bar?

    I couldn´t find it in the CSS.

    pic

    #190606 Copied
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 10, 2018 at 07:00

    Hello,

    Theme Options > Styling > Navigation > Menu links > Padding (Top/Bottom) or use this custom css code in Theme Options > Styling > Custom css:

    .header-wrapper.header-advanced .navigation-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}

    Regards

    #190624 Copied
    Avatar: lorchshop
    lorchshop
    Participant
    April 10, 2018 at 09:40

    is it possible to make the menu bar thinner? “-10px” doesn´t work….

    #190665 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 10, 2018 at 09:51 
    .header-wrapper.header-advanced .menu-wrapper .menu > li > a {
    padding-top: 1em;
    padding-bottom: 1em;
}

    Regards

    #190669 Copied
    Avatar: lorchshop
    lorchshop
    Participant
    April 10, 2018 at 10:53

    now it works, thanks! 🙂

    #190682 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 10, 2018 at 11:02

    You’re welcome!

    Regards

    #190685 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.