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

  • eplanellas
    Participant

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

    Thanks.

    Hi @eplanellas

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

    Regards,


    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.

    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!


    eplanellas
    Participant

    That works perfectly. Thank you so much!

    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.