Hello everybody,

I have problems displaying one of my pages on smartphone browsers correctly. The page is wider than it should be.

Apparently all pages of the website seem to have the same structure - only sometimes the pagination does not work.

I've tried a lot of things, but I couldn't find anything wrong.

Who can help? Thanks a lot! Stay healthy!

Gregor

Website: www.yo8ga.de

View: "Termine" - "Yoga Räume"

 

 

You are using tables with widths defined in pixels (500px and 1000px).
Try to use 100% as width or wrap them with a <div class="table-responsive"></div> (see Bootstrap docs)

An alternative is to use the github ckeditor btgrid-plugin and a code like

<div class="btgrid">
<div class="row row-1">
<div class="col col-md-6">
<div class="btcontent">
<p>Col 1 content area</p>
</div>
</div>

<div class="col col-md-6">
<div class="btcontent">
<p>Col 2 content area</p>
</div>
</div>
</div>

<div class="row row-2">
<div class="col col-md-6">
<div class="btcontent">
<p>Col 1 content area</p>
</div>
</div>

<div class="col col-md-6">
<div class="btcontent">
<p>Col 2 content area</p>
</div>
</div>
</div>

<div class="row row-3">
<div class="col col-md-6">
<div class="btcontent">
<p>Col 1 content area</p>
</div>
</div>

<div class="col col-md-6">
<div class="btcontent">
<p>Col 2 content area</p>
</div>
</div>
</div>
</div>

here : 2 columns - 3 rows - which resizes the images automatic.