ResolvedSticky Header Colors & Mobile Menu Position

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #18593
    bellita05
    Participant

    Hi,

    I am looking to make the following tweaks in the styling of the header and mobile menu but I am having trouble finding the correct parameters in the CSS file to update in the child theme:

    • Change the sticky header background color and hover font color. The general settings for my header has a hover font color that does not work on the white background of the sticky header
    • Move the mobile menu position to top left instead of top right (inside header selection)

    Any suggestions? Thanks!

    #18705
    Althemist
    Keymaster

    Hello bellita05,

    the sticky header inherits it’s background color from the Header background color setting in Theme Options. There is no separate setting for the sticky header. However, you can change it by manipulating the following selector:

    #header.rigid-sticksy .main_menu_holder:before {
        background-color: #yourcolor !important;
    }

    I am afraid moving the mobile menu button on the left side would be a serious modification. It’s be done with just a simple CSS rule, is it would require the entire header to be edited, logo move to another position etc. Right top or Right Bottom (Right thumb) are industry standards for mobile menu button, so there are no option to move it on the left.

    Regards,
    Dimitar

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 14094, followers 704
Login and Registration Log in · Register