Home Forums You Theme Support How to have the menu/header to change colors on scroll?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #95813

    eplanellas
    Participant

    In the demos, the clear background turns colors when the user scrolls down. How do I achieve this on my site?

    Thanks.

    #95825
    Edcel
    Edcel
    Moderator

    Hi @eplanellas

    You can achieve that via Appearance > Customize > Customize Skins > Header > Background

    Regards,

    #95962

    eplanellas
    Participant

    When I arrive there, I do see the settings for the header bar design, but I didn’t find any settings specific to color change behavior on scroll. What should I do? I want the header to be clear when the visitors land on the page then turn black when they scroll down. As it is, with the header set to transparent, the menu items conflict with the text/and or images that are on the page as the user scrolls down.

    #96016
    Edcel
    Edcel
    Moderator

    Hi @eplanellas

    Our apologies for thedelayed reply.

    Copy and paste this CSS into Appearance > Theme Options > Custom CSS

    .stuck.skinset-header #header {
        background-color: #000000;
    }

    You can change the hexcode to whatever color you want as the background.

    Thanks!

    #96017

    eplanellas
    Participant

    That works perfectly. Thank you so much!

    #96027
    Edcel
    Edcel
    Moderator

    You’re welcome @eplanellas

    Please don’t hesitate to contact us if you run into other issues and if you love the theme, please don’t forget to rate it at https://themeforest.net/item/you-multipurpose-responsive-wordpress-theme/15175900

    Thanks!

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

You must be logged in to reply to this topic.