<div>
If you are not already, you should really take advantage of the development tools built into google chrome. &nbsp;<br />
<br />
If you right click and then inspect your page you can toggle to tools to show responsive modes. &nbsp;This can really help you debug these issues.<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2018/09_w38/1386571/developmentTools.PNG" target="_blank" title="developmentTools.PNG (9 KB)"><img alt="developmentTools.PNG" class="file-block lazyload" style="max-width: 342px;" data-src="https://filedb.experts-exchange.com/incoming/2018/09_w38/1386571/developmentTools.PNG" /></a><br />
<a href="https://filedb.experts-exchange.com/incoming/2018/09_w38/1386572/developmentTools2.PNG" target="_blank" title="developmentTools2.PNG (191 KB)"><img alt="developmentTools2.PNG" class="file-block lazyload" style="max-width: 690px;" data-src="https://filedb.experts-exchange.com/incoming/2018/09_w38/1386572/developmentTools2.PNG" /></a>
</div>


developmentTools.PNG

developmentTools2.PNG

Self employed

Melody Scott

COG Lead Engineer

Shaun Vermaak

<div>
Thanks. I do use chrome tools, but wasn't aware of that feature. I'll check out your clues on Monday.
</div>


<div>
My problem is this... I see the same thing you do, it's a bit too wide on my smart phone. But if I use chrome tools or screenfly or mobiletest.me, &nbsp;it doesn't show up that way. Any ideas on troubleshooting? Thanks.
</div>


<div>
Not sure what kind of phone you are using. &nbsp;If you are using an iphone you can plug it into your computer and then use safari's developer tools to try and figure out what is going on.
</div>


<div>
I think I found it, the home page is too wide but other pages are ok, so I'll remove elements one by one until I find the culprit. Thanks for your help!
</div>


<div>
Thanks- it is an Android. But Google chrome helped, once I figured out how to use it correctly.
</div>


<div>
<div class="content wysiwyg-content">
dev2.magickitchen.com - client says that on his phone, when the burger icon is clicked, the menu comes out and the shopping cart icon is pushed mostly off the screen.<br />
<br />
I'm not seeing that, so it's hard to troubleshoot. It may be because we changed the wording on the navigation. Just so you can see the original wording, I've created this page:<br />
<a href="http://dev2.magickitchen.com/test.html" rel="ugc">http://dev2.magickitchen.com/test.html</a>&nbsp; - so you can compare the two.<br />
<br />
Thanks.
</div>
</div>


dev2.magickitchen.com - client says that on his phone, when the burger icon is clicked, the menu comes out and the shopping cart icon is pushed mostly off the screen.

I'm not seeing that, so it's hard to troubleshoot. It may be because we changed the wording on the navigation. Just so you can see the original wording, I've created this page:
http://dev2.magickitchen.com/test.html  - so you can compare the two.

Thanks.

Is this icon being pushed to the right, and if so why?

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.