Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 25, 2017 at 5:24 pm #844070
    Tamosch

    Hi,

    We noticed that the header is not shrinking on pages with the by CSS customized background picture etc.
    Unfortunately we cannot find out what the exact reason is.
    This is an example CSS we used:

    /*HINTERGRUNDBILD-ABOUT US-TEAM*/

    body.page-id-210 { background-image: url(http://academic-founders-lab.at/wp-content/uploads/2017/07/Team.jpg) ;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0; }

    August 25, 2017 at 10:45 pm #844224
    Nikko

    Hey Tamosch,

    I have checked your site and it seems that the pages have a customized background, can you post a link to the page where there’s no customized background and the header shrinks?

    Best regards,
    Nikko

    August 28, 2017 at 11:24 am #844755
    Tamosch

    Hi!

    Here is a page:

    Academic Founders Lab (Beispiel)

    -> (All the portfolio sites)

    All the best.
    T

    August 28, 2017 at 6:08 pm #844939
    Nikko

    Hi T,

    Thanks for providing that, please try to change your code from:

    body.page-id-210 { background-image: url(https://academic-founders-lab.at/wp-content/uploads/2017/07/Team.jpg) ;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0; }

    to:

    body.page-id-210 { background-image: url(https://academic-founders-lab.at/wp-content/uploads/2017/07/Team.jpg) ;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100%; }

    Let us know if this helps :)

    Best regards,
    Nikko

    September 1, 2017 at 9:46 am #846732
    Tamosch

    Hi Nikko,

    thank you so much! It works!

    All the best,
    T

    September 2, 2017 at 5:53 am #847059
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 2, 2017 at 11:43 am #847139
    Tamosch

    You can close it.

    Thanks.

    September 4, 2017 at 8:10 am #847549
    Nikko

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header not shrinking due to CSS?’ is closed to new replies.