Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 9, 2014 at 12:21 pm #262314
    simonac

    Hi i want to use the transparent header. I loaded a png logo and made all settings in the header layout and page settings ( transparent header.

    But the background is still white and also the content shifts in the header.

    What am i doing wrong?

    Thanks Simon

    May 9, 2014 at 12:22 pm #262315
    simonac
    This reply has been marked as private.
    May 9, 2014 at 1:47 pm #262348
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so we can take a look Simon?

    Cheers!
    Yigit

    May 9, 2014 at 3:57 pm #262402
    simonac
    This reply has been marked as private.
    May 9, 2014 at 4:07 pm #262413
    Yigit

    Hey!

    It is currently functioning as intended. Would you like to display it like in this screenshot – http://i.imgur.com/402vw2F.png ?
    If so, please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-66 #main {
padding-top: 200px!important;
}

    To apply it on other pages, you should change the page ID. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

    Cheers!
    Yigit

    May 9, 2014 at 4:12 pm #262418
    simonac

    OK.

    But what if i want it for the whole page?

    And why does it not work without extra code?

    And how to make the to menu transparent as well?

    Thanks Yigit!

    May 9, 2014 at 4:18 pm #262421
    Yigit

    Hey!

    What exactly do you mean by whole page? Page with transparent header removes the top padding of main content on the pages it is applied so it gives a nice effect placing logo and menu on top of slider or any other content element. You can see the example here on the demo site – http://kriesi.at/themes/enfold/homepage/transparent-header/
    Please add following code to Quick CSS as well

    #header_meta { background: transparent; }

    Cheers!
    Yigit

    May 9, 2014 at 4:21 pm #262424
    simonac

    I mean on every single page.

    Yes but if i choose the option thrasparent header for a page shouldnt this wokr without a extra code?

    I do not understand why i have this option and it does not work.

    May 9, 2014 at 4:24 pm #262427
    Yigit

    Hi!

    You can simply add following code to Quick CSS to apply it on all pages

    .html_header_transparency #top #wrap_all #main {
padding-top: 200px;
}

    It is working correctly. You can try adding a slider to the top of the page you posted and see that it actually works.

    Cheers!
    Yigit

    May 9, 2014 at 4:34 pm #262436
    simonac

    Allright, but does it also work without the “padding-top code”?

    A last thing: how can i move the logo to the right for x px or %?

    Thanks for support!

    May 9, 2014 at 5:35 pm #262480
    simonac

    The code for making it transparent on all pages did not work.

    May 9, 2014 at 5:40 pm #262487
    Yigit

    Hi!

    Please add following code to Quick CSS to move logo to right side

    div .logo {
float: right;
left: auto;
right: 0;
}

    You can also change the position in Enfold theme options > Header Layout > Header Layout.
    The code i posted in my previous reply is to keep padding 200px on pages where you set header to be transparent. You still should set edit each page and choose to display transparent header

    Best regards,
    Yigit

    May 9, 2014 at 5:41 pm #262491
    simonac

    Allright perfekt. The other thing was my fault… solved this! Thanks!!!

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