Return to previous page

Sticky menu: transparency and margin - by Jens

This topic has 4 replies, 3 voices, and was last updated 9 years, 3 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
Corporate – WordPress Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Plants Store – 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.