Fixed header paddings - by Schubfaktor - on WordPress WooCommerce support

This topic has 10 replies, 3 voices, and was last updated 7 years, 4 months ago ago by Olga Barlow

  • Avatar: Schubfaktor
    Schubfaktor
    Participant
    June 23, 2017 at 11:40

    Hey…i have some problems with my fixed header.

    I would like to have only a few px padding, now my fixed header is to large in its height

    i have to tried different custom css, but nothin happen at the frontend.

    for example

    @media only screen and (min-width: 992px){
    .fixed-header {
    max-height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
    }

    I tried to change the padding px, but the fixed header is always the same at the frontend……maybe u could help me with that little problem 😉

    max or min height work good, but the padding doesnt works

    9 Answers
    Avatar: Schubfaktor
    Schubfaktor
    Participant
    June 23, 2017 at 11:43

    another question….

    how can i remove the padding between the main navigation and the secondary navigation in the mega menu?

    Thanks

    EDIT: the problem is only on the fixed header

    Avatar: Schubfaktor
    Schubfaktor
    Participant
    June 23, 2017 at 12:02

    moreover…how could i change the link hover on the main and secondary navigation…….

    Thanks

    Avatar: amzy
    Amzy Leel
    Participant
    June 25, 2017 at 08:35

    the fixed header is always the same at the frontend
    – let us know your site url to check this

    Avatar: amzy
    Amzy Leel
    Participant
    June 25, 2017 at 08:37

    remove the padding between the main navigation and the secondary navigation in the mega menu?
    .menu-wrapper .menu > li:hover .nav-sublist-dropdown { top: 0 !important; }

    put the above css in,

    8theme options >> styling >> custom css >> global custom css

    Avatar: amzy
    Amzy Leel
    Participant
    June 25, 2017 at 08:39

    how could i change the link hover on the main and secondary navigation
    – it’s not clear.
    – what you want to change there?
    – hover color? something else?

    Avatar: Schubfaktor
    Schubfaktor
    Participant
    June 25, 2017 at 10:24

    remove the padding between the main navigation and the secondary navigation in the mega menu?
    .menu-wrapper .menu > li:hover .nav-sublist-dropdown { top: 0 !important; }

    put the above css in,

    8theme options >> styling >> custom css >> global custom css

    doesnt work…see on image below
    fixed header paddings

    how could i change the link hover on the main and secondary navigation
    – it’s not clear.
    – what you want to change there?
    – hover color? something else?

    yeah…hover color on main navigation and secondary navigation

    thanks a lot

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 29, 2017 at 16:25

    Hello,

    1) Your screenshot is broken, please, provide correct link.
    2) Use the following Custom CSS

     .menu-wrapper .menu > li > a:hover {color: green;}
    @media only screen and (min-width: 992px){ .item-design-mega-menu .nav-sublist-dropdown .nav-sublist a:hover {color: green;}}

    Regards

    Avatar: Schubfaktor
    Schubfaktor
    Participant
    June 30, 2017 at 15:05

    works great….thank u very much 🙂

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 30, 2017 at 18:41

    You are welcome!

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

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

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