Bootstrap mobile page not being pulled in

Hi all

i am having some issues with some of mu pages when i try to run a mobile test on my site i notice my content does not pull in to the size of my mobile device i first thought it had somthing to do with my cols but i looked into col -offset but still not working

this is my html code i have atm

<div class="row no-gutters text-center">
-            <div class="offset-sd-1 col-sm-3 col-xs-4 col-sm-4 col-md-4 col-md-offset-0 col-lg-12 text-center">
                        We operate Fogarty and Windsor kilns which are suitable for drying pine, treated pine and Oregon Timber.<br/> hese kilns are heat using wood waste sourced from around Christchurch, as well<br/> as from our own processing plant.<br/>
                                        Unlike the dehumidifier kilns these kilns run<br/> at a medium/high temperature usually between 70-100 degress. Drying times vary depending on the<br/>timbers thickness and the drying process can take from anywhere from 24 hours to 7 days.<br/><Br/>
                                        The drying process is all computer-conrolled with software that monitors the moisture content of the timber as well as controlling the humidity<br/> and temperature of the kiln chamber to ensure the timber is dired to the client specifications.</p>
                                        <img src="images/IMG_8758-stripped.jpg"  class="img-fluid no-gutters"><br/><br/> </div>

Did you remember to include <meta name="viewport" content="width=device-width, initial-scale=1.0"> in your <head></head> section?

Other than that, I suggest validating your HTML (the snippet you posted has a closing </p> but no matching opening tag) and CSS.

Don’t use <br/> tags for formatting.

If it’s still not behaving as expected, we’ll need to see a link to a live page, or an example with the full HTML and CSS.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.