Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #183092

    Hi,

    i want the header to be transparent. Not the Menu and not the logo. How can i do that. (Now it’s only an image)

    The solution here did not work for me: https://kriesi.at/support/topic/enfold-header-transparent-navigation/#post-183089

    http://holidaymarketing.de/

    Thanks and Regards

    Simon

    #183261

    Hey simonac!

    What type of header are you using? Please check on Header > Header Type. You can adjust the opacity of the header background. Add this on your custom.css or Quick CSS:

    .header_bg {
    opacity: .2;
    filter: alpha(opacity=20);
    }

    Regards,
    Ismael

    #183288

    Hi Ismael,

    i use the “header with social icons and bottom”.

    The code you mentioned did not effect anything.

    …as i said i want the not the logo and menu to be transparenst

    Thanks!

    Simon

    #183314

    Hey!

    Try to add following code into the qick css field

    
    .header_color .header_bg, .header_color{
    background-color: transparent;
    }
    

    Cheers!
    Peter

    #183328

    Hi Dude,

    that was nearly perfekt! Just right and left side of the menu is ” too much” and at the top there is also a small white line left.

    Danke!

    #183444

    Hi!

    Please add following code to Quick CSS as well

    #header_main { border-bottom-style: none; }
    #header_main_alternate { background-color: white; }

    Cheers!
    Yigit

    #183448

    Worked out! Just the small white line on the top is still there.

    And is it possible to make this header fixed? So that it comes donm when scrollin down?

    Last question is:how can i bring the fb logo into the menubar? When i move it down it hides under the menubar.

    Thanks and regards!

    #183450

    Hey!

    Please flush browser cache and refresh your page a few times. This is how it looks on my end http://i.imgur.com/7hTPDsQ.jpg
    Please add following code as well

    #header_main_alternate { z-index: 0; position: fixed; top: 0; }
    #header_main .social_bookmarks { right: -45px; top: -19px; }
    #header_main { top: 35px; }
    .html_boxed #main { margin-top: 35px; }

    After the code it should look like this http://i.imgur.com/Dr5L8Ng.jpg

    Best regards,
    Yigit

    • This reply was modified 10 years, 5 months ago by Yigit.
    #183484

    Works good, but the menu moved from just over the content to the top of the page. And i can’t bring it down without moving the rest.

    Regards,

    Simon

    #183485

    Hey!

    It can be fixed in its previous position as well but then it will just stay there even when you scroll down. So there will be space from top. If you would like to keep it in its previous position and fixed to top when scrolled down, you are going to need to hire a freelance developer, as it is not that easy to pull that off.

    Regards,
    Yigit

    #183486

    Thanks for the answer!

    In this case when it is on top, the menu is not active. I can not click anything…

    Regards

    #184250

    Hey!

    It can be fixed with adjusting z-index values. But in that case, Facebook icon should be moved out of the table. Please add following code

    #header_main_alternate { z-index: 2; position: fixed; top: 0; }
    #header_main .social_bookmarks { right: -45px; top: -19px; }
    #header_main { top: 35px; }
    .html_boxed #main { margin-top: 35px; }

    Then let us know so we can adjust Facebook icons position

    Cheers!
    Yigit

    #184801

    I have to keep the menu in the lower position.

    But i i want to bring the fb icon in the right corner next to the search icon on the white menu bar it hides under that part. How can i bring it on the white field?

    Regards

    #185274

    I saw that you have started another topic about this. So i’m closing this one. But please do not start same topic more than once.

    Cheers!
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Transparent Header’ is closed to new replies.