Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 14, 2026 at 12:58 pm #1495071
    joeconnert

    Dear support Team!
    I have a seperator (space) below the last element and the footer, which i want to hide on small screens (mobile). In the settings under “Responsive” I checked the boxes (set a hook) “Hide on small screens” and “hide on very small screens”.
    When I view the page on mobile, there is still a space between the elements.
    How can i hide this seperator on small screens?

    Thx Johannes

    February 14, 2026 at 7:26 pm #1495082
    Mike

    Hey Johannes,
    Try ths css in your Quick CSS field and then clear your cache and browser cache.

    @media  only screen and (max-width: 450px){
.page-id-1413 #after_grid_row_1 {
	display: none;
}
}

    Best regards,
    Mike

    February 17, 2026 at 10:11 pm #1495171
    joeconnert

    Hello Mike,

    thanks for your reply! It worked, but I would need this also for some other pages with the same style. I saw it workes only for the page “Manuelle Therapie”
    Does this have to do with the page-id you entered in the code? Can i enter more page-ids in this code? Where can I find which page-ids the pages have?

    Thank you!
    Johannes

    February 17, 2026 at 10:55 pm #1495173
    Mike

    Hi,
    You could try removing the page-id (.page-id-1413) from the css, if this doesn’t  help then link to the other pages so we can exam.

    Best regards,
    Mike

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