Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 18, 2015 at 10:17 pm #398496
    dperalta716

    Hello,

    I have a sticky, shrinking header on my site, but on our sign up and landing pages, I would like the header to already be the size of the shrunken header (50px), so that there is more space for the body.

    How can i make that happen?

    Thanks in advance!

    February 19, 2015 at 6:14 am #398653
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .page-id-1221 #header_main .container, .page-id-1221 .main_menu ul:first-child > li a, .page-id-1221 .logo img{
    height: 44px !important;
    line-height: 44px !important;
}

.page-id-1221 #main {
    padding-top: 44px !important;
}

    Duplicate and modify the selectors in case you want to affect other pages.

    Cheers! 
    Josue

    February 19, 2015 at 2:07 pm #398893
    dperalta716

    Hi,

    Thanks for the reply.

    I posted the code, and all it succeeded in doing was bring up the special heading and all the other content up approx. 44px

    Any other suggestions?

    February 19, 2015 at 9:49 pm #399278
    Elliott

    Hey!

    I tested the code Josue provided and it look like that fixes the problem in your description. If your trying to do something else then send us a WordPress login and take a screenshot highlighting exactly what your trying to do and we’ll take a closer look.

    Best regards,
    Elliott

    • This reply was modified 10 years, 4 months ago by Elliott.
    February 19, 2015 at 10:14 pm #399289
    Josue

    I’m not seeing the code applied in the dynamic stylesheet (Quick CSS), also, do not copy the code right from the mail notification but from the forum reply (some characters don’t get copied correctly).

    Cheers!
    Josue

    February 20, 2015 at 9:58 am #399513
    dperalta716

    Hi Josue,

    Looks like that was the problem. I had copied directly from the email and not the forum reply. Now the header bar is the right size, but the logo continues to shrink down to almost nothing once I scroll.

    Anyway to keep the logo from shrinking here?

    Thanks,
    David

    February 20, 2015 at 10:44 am #399529
    Josue

    Hi David,

    Update the code:

    .page-id-1221 #header_main .container, .page-id-1221 .main_menu ul:first-child > li a, .page-id-1221 .logo img, .page-id-1221 .logo a{
    height: 44px !important;
    line-height: 44px !important;
    max-height: 44px !important;
}

.page-id-1221 #main {
    padding-top: 44px !important;
}

    Best regards,
    Josue

    February 23, 2015 at 2:24 pm #400645
    dperalta716

    Ok, that did it. Thanks!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘change header height on select pages’ is closed to new replies.