Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 26, 2020 at 3:16 am #1225699
    ibuzzint1

    Hi There! We have a one-page website using the Enfold theme. The Header visibility and transparency is set to “Transparent header”. We also have the Header Phone Number/Extra Info set to “Display in top bar at the right”. Currently, both header rows appear when visiting the home page of the website. How can we make the Header Phone Number/Extra Info stay on the page when visiting the home page, and the normal header appear only when the user scrolls down the page? We want to hide the standard header row upon page load.

    June 29, 2020 at 12:45 am #1226253
    Mike

    Hey ibuzzint1,
    Sorry for the late reply, to show the “Header Phone Number/Extra Info” when the header is transparent and have the header show on scroll, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .av_header_transparency #header_main {
    opacity: 0 !important;
    height: 0 !important;
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    June 29, 2020 at 4:59 am #1226295
    ibuzzint1

    thank you, that works!

    June 29, 2020 at 4:57 pm #1226506
    Victoria

    Hi ibuzzint1,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.