Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 27, 2024 at 11:54 pm #1438502
    blaisen

    On my home page, I have chosen to hide a section on mobile devices. On a desktop device, the section contents are titled “In Case You Missed It”. I went to the Advanced tab in the column element and made the setting. The items in the column do hide, but the layout now has a gap where the column is “hiding”: https://ibb.co/y6YFQ7Q

    I tried a number of ways to remove it with CSS, but all attempts effected other pages. I can’t seem to isolate the div specifically on this page to set to display: none; Can you tell me why the setting is not completely working and how I can fix this?

    March 28, 2024 at 8:03 pm #1438562
    Rikard

    Hey Blaise,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page-id-110914 #after_section_1 .content {
  padding-top: 0;
  padding-bottom: 0;
}
}

    Best regards,
    Rikard

    March 28, 2024 at 8:23 pm #1438568
    blaisen

    That worked, thanks. I had something like this but without the page ID confining it to the home page, the code hid important content on all the other pages.

    Question: how do you locate the page ID for any given page?

    March 29, 2024 at 10:47 am #1438673
    Rikard

    Hi,

    Thanks for the update. You can find the page ID class in the body tag for each page if you inspect the page in question in your browser.

    Best regards,
    Rikard

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