Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 2, 2018 at 4:01 pm #920402
    WP Turned UP

    Hello. Please see this image for desirables.

    ONLY on the home page (ID 2125), I need to adjust the header for Media Query 812px.

    This CSS has no impact
    @media only screen and (max-width: 812px) {.page-id-2125 .html_header_top.html_header_sticky #main {padding-top:50px!important;}}

    This CSS works, but also impacts EVERY page. Not sure why the Page ID is not working.
    @media only screen and (max-width: 812px) {.html_header_top.html_header_sticky #main {padding-top:50px!important;}}

    Thank you!

    March 3, 2018 at 7:13 am #920652
    Rikard

    Hey WP Turned,

    You are not following the DOM tree structure in your CSS, that is likely why it’s not working. The page id class comes after the html_header_top class for instance, but you are calling it before so the CSS will be ignored.

    Best regards,
    Rikard

    March 3, 2018 at 3:51 pm #920826
    WP Turned UP

    Good to go, thank you.

    March 4, 2018 at 7:42 am #920961
    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.