I want to hide an editable region and its contents when viewed on a mobile phone,

When I select the container or the editable region the option to hide on mobiles is not showing on the bs3 properties panel..

Im sure im doing something wrong but have tried by selecting the Divs or the Container even the contents of the editable region and never does the bs3 editor become active to I can pick I want to hide from mobiles.

What am I doing wrong?
Thanks
Les

Hi Les,
Switch to the display size you need, then select the container you want to hide, select Display > Hide.

Thanks Teodor,
I tried but no matter what section of code i selected within the editable region that display option on the bs4 editor never shows for me to pick from...

I manually had to add the class like this to get it to hide for me.

<code>
<section id="hero" class="hidden-xs">
<div class="container">
<div class="row">
<div class="col-xs-12 text-center hidden-xs">
<h1>&nbsp;</h1>
</div>
</div>
</div>
<div class="btn-info" id="action-bar"><a class="btn btn-default active" href="#"><i class="glyphicon glyphicon-play-circle"></i> Whats New</a></div>
</section>
</code>

Can you please tell me what do you mean by: " that display option on the bs4 editor never shows for me to pick from..."
Please provide a screenshot of exactly what you see.

Well,
the cell properties appear when you click inside a "cell" (.col-..-..)
If you want to hide another element you need to do this manually apply the "hidden-.." class.

I'm sorry Teodor, I don't understand what you say..

What code do I need to select to hide my container?

I have it all selected in the pic as you see.. Is this the wrong way to do it? I tried every bit of the code to get the panel to show the display option and this never happens?

Thanks :-)

I am not sure what is unclear in my reply..
Bootstrap 3 structure contains:
CONTAINER (div class="container" ) > ROW (div class="row" ) > CELL (div class="col-..-.." )
In design view, when you click inside a CELL the CELL PROPERTIES appear.. there you can change this cell's DISPLAY properties:

In your screenshot you selected some random piece of code on your page.

Im just not getting the panel to appear as you guys seem too when i select the cells,

Am i not supposed to select the section in code to do this do I have to do it a certain way?

I'm using your template www.dmxzone.com/go/22444/responsive-bootstrap-3-sliding-template/

I have selected the hero section as you see in my screen shot, is this wrong? I have tried every way to get that panel to highlight with all the options like you have and I just can not get it..

I'm about in tears with this software, what am I doing wrong?

If the panel is not appearing, clear your DW cache. Then - please work in design view when selecting the CELL (not any other random NON-BOOTSTRAP code)

I finally decided to upgrade my mobile phone. The old one was really old and could no longer cope with what I demanded of his work. Choosing among different models and companies, I decided to go with Samsung, and even found samsung mobile singapore. If you use Samsung, recommend the phone that you like best.