Making my website compatible with Ipads/Mobile's

Does the navbar transform to a drop-down menu?

im a complete rookie with media queries, I’ve used wptouch and it has like a one click navigation bar that says home and when you click on it. There’s a small menu appears with the other links on. But its not very clear.

Yes the navigation reduces to a drop-down menu, which is a practical work-around for reducing font size or increasing menu size. This is normal behavior.

Is your issue with the banner? I’m not sure what you mean by ‘vanishing’ logo, it still appears when I resize my browser to the mobile’s size.

Its with the header and the widgets under the slider.

Sorry for not been very descriptive. the telephone number and the email address tangle up at the top right. and the widget text at the bottom becomes overlaps with the footer.

thanks

I would recommend moving the contact info outside of the logo element first;

<div id="logo">
            <!-- <p>School of Motoring</p> -->

            <!--  <span class="site-name"><a href="https://www.lburner.co.uk/wp/" title="lburner" rel="home">lburner</a></span>
            <span class="site-description">Just another WordPress site</span> -->
        </div>

<div id="contactinfo">
<ul class="stack_contact">
<li class="telephone-number">01482 568 007</li>
<li class="email">[email protected]</li>
</ul>
</div>

Then add a width of 55% to the logo;
E.g

#logo {
 width: 55%;
}

Now this makes it easier to apply media queries to resolve this tangled issue.

At the browser width in which the tangle-up occurs (using media queries), try;

#contactinfo {
 float: none;
 clear: both;
}

.stack_contact {
 display: block;
 float: left;
}