Viewing 6 posts - 1 through 6 (of 6 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

    February 20, 2026 at 9:14 pm #1495305
    joeconnert

    Hello Mike,

    it worked!

    Thank you!
    Johannes

    February 21, 2026 at 11:12 am #1495318
    Rikard

    Hi,

    Great, I’m glad that you got things working. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Seperator (Space) does not hide on small screens (mobile)’ is closed to new replies.