Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 31, 2013 at 7:57 pm #183092
    simonac

    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

    November 1, 2013 at 4:18 am #183261
    Ismael

    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

    November 1, 2013 at 9:14 am #183288
    simonac

    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

    November 1, 2013 at 11:06 am #183314
    Dude

    Hey!

    Try to add following code into the qick css field

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

    Cheers!
    Peter

    November 1, 2013 at 11:33 am #183328
    simonac

    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!

    November 1, 2013 at 6:41 pm #183444
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Cheers!
    Yigit

    November 1, 2013 at 6:46 pm #183448
    simonac

    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!

    November 1, 2013 at 6:54 pm #183450
    Yigit

    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 11 years, 1 month ago by Yigit.
    November 1, 2013 at 8:00 pm #183484
    simonac

    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

    November 1, 2013 at 8:04 pm #183485
    Yigit

    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

    November 1, 2013 at 8:10 pm #183486
    simonac

    Thanks for the answer!

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

    Regards

    November 4, 2013 at 2:50 pm #184250
    Yigit

    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

    November 5, 2013 at 3:48 pm #184801
    simonac

    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

    November 6, 2013 at 5:43 pm #185274
    Yigit

    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

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