Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 16, 2016 at 2:15 pm #712896
    newtonlinchen

    Hello,

    The Enfold theme “SHOP” has a beautiful top bar.

    I’m using the “default” Enfold theme, but I would like to use that top bar in my website (without having to use a top bar plugin).

    But… I would like to use it… With a invisible header (“header is invisible and appears once the users scrolls down”).

    How can I do it?

    November 16, 2016 at 3:43 pm #712947
    newtonlinchen

    The question is:

    a) How can I enable the “Extra Elements” to the header, but with an invisible header, whilst this “extra elements”act as a top bar?

    b) I mean, the header would be invisible until scroll down, but meanwhile, the extra elements (top bar) would be sticked from the beginning.

    c) Also, I have a picture in the website, and this extra elements (topbar) should be dark transparent, over the picture.

    Here is the link: http://www.linchen.com.br/index.php/temp/

    November 18, 2016 at 3:52 pm #714069
    Yigit

    Hi,

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 990px) {
#header_main { opacity: 0; } 
.header-scrolled #header_main { opacity: 1; }}

    Best regards,
    Yigit

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