Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 2, 2015 at 2:45 pm #467523
    TracyLove

    Your forum is really difficult to search. I’m trying to find some information on how to hide a section of a page on mobile devices, but I get dozens of unrelated topics when I search for any variation of that. The only topic that I found was at the link below, but the response was that the topic was closed due to several threads opened on the same topic.
    Here’s that link:
    https://kriesi.at/support/topic/hide-page-section-on-mobile-version/

    So, can you advise me on how to hide a page section (row) on mobile devices? Or at least provide a link to the other topics referred to in the above post?

    July 2, 2015 at 4:49 pm #467639
    Elliott

    Hey TracyLove!

    Add an ID to the section and then add this to your custom CSS.

    @media screen and (max-width: 767px) {
#customID { display: none !important; }
}

    Regards,
    Elliott

    July 9, 2015 at 9:11 pm #471135
    TracyLove

    I’m sorry, I just got back to this project. I’m having trouble figuring out where to add the ID to the section. When I click to edit a section, I don’t see a place for that. Also, one of the sections I want to add an id to is the “Fullwidth Revolution Slider” section, but there’s no option to edit that section.

    How do I add IDs to sections?

    July 10, 2015 at 8:15 am #471301
    Rikard

    Hi!

    If you are using a color section then you can edit it and fill it in under For Developers: Section ID. If you’re not using a color section then please link to the site and the section you would like to hide and we’ll provide you with the CSS to do so.

    Best regards,
    Rikard

    July 12, 2015 at 4:45 am #471940
    TracyLove

    Yeah, I can’t get the Revolution slider to go inside of the color section. Here’s the page, and the section I want to hide is the top section (slider that displays when the page loads): http://city901.com

    July 13, 2015 at 1:37 pm #472404
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.home #layer_slider_1 {
  display: none;
}}

    Best regards,
    Yigit

    July 17, 2015 at 7:15 pm #475131
    TracyLove

    Thanks Yigit!

    I’d also like to be able to hide things on mobile devices such as the Accordion slider and the Full width submenu on this page:

    http://dev.midsouthpackaging.com/

    Is that possible?

    July 17, 2015 at 7:20 pm #475133
    Yigit

    Hey!

    Please refer to my post here – https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263

    Cheers!
    Yigit

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