Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 13, 2017 at 1:51 pm #820520
    icuk

    I have solutions to part of my issue in the support forums, so i can get a sticky nav fixed to the top of my page, but what we have is a transparent nav, then when you scroll and it sticks we change to having a background colour.

    At the moment on link provided in private content, its just the sticky header settings (black bg), and if i changed it to transparent, it would be transparent once you begin to scroll down rather than getting a bg colour because it doesnt change the class based on the params.

    The found item which helped me at least get it stick was:

    .html_header_top.html_header_sticky #main { padding-top: 0; }
    .content, .sidebar { padding-top: 100px; padding-bottom: 100px; }

    Any further advice would be appreciated.

    July 14, 2017 at 10:08 am #821069
    icuk

    Hey guys,

    No one got any ideas?

    July 15, 2017 at 11:45 pm #821866
    Mike

    Hi,
    I’m not sure I understand, if you want a transparent header Try this code in the General Styling > Quick CSS field:

    .header_color .header_bg{background-color: rgba(255,255,255,0.1)!important; }

    Please note that the background of that page is black at the top making it look like you have a black header, scroll down and you will see the header is transparent.
    Hope this helps :)

    Best regards,
    Mike

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