Simple bug needs fixing, can you help?

Hello,

http://justmybackpack.com

Could you look at it on an iPhone, scroll down (you will see the logo and nav follow your scrolling) and you'll see the Google advert at the top expands to the right which looks odd. Anyone know how to fix this? I've currently got this code showing the ad

<div style="clear: both; width: 100%;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Just My Backpack header -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="example"
data-ad-slot="example"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div><!-- End Google advert -->

 

Hi Carl,

I see the issue. Try by deleting or commenting out the margin:0; part on header .fixed #header-top {} in your style.css file, line no 43.

 

That worked great, thank you very much!

 

Nice site btw, just subscribed, keep posting. Good luck with your voyage mate

 

Thanks for subscribing mate, I hope you enjoy following it. Appreciated