Return to previous page

Sticky menu: transparency and margin - by Jens

This topic has 4 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Eva Kemp

  • Avatar: jbrogaard
    Jens
    Participant
    September 1, 2015 at 10:43

    Hi, how do I:

    1) make the sticky menu transparent (e.g. opacity 50%)? In the settings its either non og totally transparent.

    2) the menu (not the logo) is not aligned vertically correct – how do I move the sticky menu some pixels upwards?

    Until then.
    Jens

    #83593 Copied
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 1, 2015 at 11:05

    Hello,

    Please use the following code in Global Custom CSS.
    1) 

    .fixNav-enabled .fixed-active .header-wrapper{
    background-color: rgba(255,255,255, 0.5);
}

    2) 

    .fixNav-enabled .fixed-active .menu-wrapper .menu > li > a {
    padding: 13px 10px 15px 10px;
}

    Regards,
    Robert Hall.

    #83600 Copied
    Avatar: jbrogaard
    Jens
    Participant
    September 1, 2015 at 11:35

    Thanks a bunch! Just couldn’t find the right classes 🙁
    Regards
    Jens

    #83608 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    September 1, 2015 at 11:44

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #83614 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘sticky menu: transparency and margin’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – 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.