Jump to content


Photo
- - - - -

Hide Section for Devices

responsive mobile hide

  • Please log in to reply
3 replies to this topic

#1 jennajonesdesign

jennajonesdesign

    Super Member

  • Members

  • 143 posts
  • LocationBillings, MT
  • Country: Country Flag

Posted 09 November 2013 - 05:23 AM

Hi!

 

Just a suggestion... I would love it if every section had an option to "hide for mobile." I mentioned this in a different thread asking about responsiveness, but thought I would add it to the official "ideas" section. 

 

Jenna


  • imagineutopia likes this

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17967 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 10 November 2013 - 09:16 AM

Hi Jenna,

 

Thanks for the suggestion, I think something like this has already been reported in out GitHub tracker and our devs are aware of it.


  • jennajonesdesign likes this

#3 mccoysc

mccoysc

    Newbie

  • Members

  • 1 posts
  • Country: Country Flag

Posted 15 November 2013 - 09:55 AM

Until this functionality gets placed into the DMS section editor you can use Bootstrap's built in responsive utility classes to manually hide sections on a per-device basis.  For instance, adding the class hidden-phone in a section's Styling Classes will hide the section on devices with a width >768px.

 

For more info check out http://getbootstrap....html#responsive and refer to the Responsive Utility Classes portion.  Hopefully this helps.


  • jennajonesdesign likes this

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17967 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 15 November 2013 - 10:19 AM

The hidden-phone classes doesn't work on all sections, it will work inside HTML and on Column and Full Width Sections. However, some sections will not be removed.

 

I have reported this already - https://github.com/p.../DMS/issues/475







Also tagged with one or more of these keywords: responsive, mobile, hide