# WEBSITE MOBILE VIEW

**URL:** <https://community.hubspot.com/t/website-mobile-view/130292>\
**Category:** Blog, Website & Page Publishing\
**Tags:** website-pages\
**Created:** [April 22, 2025, 1:38pm UTC](https://community.hubspot.com/t/website-mobile-view/130292 "2025-04-22T13:38:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Geogrow](https://avatars.discourse-cdn.com/v4/letter/g/d9b06d/32.png) [@Geogrow](https://community.hubspot.com/u/Geogrow)\
**Post date:** [April 22, 2025, 1:38pm UTC](https://community.hubspot.com/t/website-mobile-view/130292/1 "2025-04-22T13:38:29Z")

</div>

I have been having an isue with our website today where, once in mobile view, we lose the icon for the menu. It is still clickable in the far right corner of the header, but not visible.

I happens when it changes from 768px and below.

I have had a look at the CSS and can’t figure it out. To be honest, I am not entirely sure what I am looking for.

If anyone can help me that would be fab

website is [https://www.geogrow.com/](https://www.geogrow.com/)

---

<div class="post-metadata">

**Author:** ![TomM2](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tomm2/32/70887_2.png) [@TomM2](https://community.hubspot.com/u/TomM2)\
**Post date:** [April 22, 2025, 2:53pm UTC](https://community.hubspot.com/t/website-mobile-view/130292/2 "2025-04-22T14:53:41Z")

</div>

Hey @Geogrow looks like the mobile menu on your site has it’s colour set to white (#fff in hex)

Hard to find the exact setting without knowing your theme, but for example if I set the BG on it to black I can see a square that’s clickable to give me the mobile menu:

 ![TomM2_0-1745333599060.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/6/16089a358aaeb13696877c8d0c2d046425e6b429.png)

I’d say check with your developer if it’s a custom theme or your theme’s support if it’s a marketplace theme to find out how to change this colour!

---

<div class="post-metadata">

**Author:** ![Geogrow](https://avatars.discourse-cdn.com/v4/letter/g/d9b06d/32.png) [@Geogrow](https://community.hubspot.com/u/Geogrow)\
**Post date:** [April 24, 2025, 7:31am UTC](https://community.hubspot.com/t/website-mobile-view/130292/3 "2025-04-24T07:31:38Z")

</div>

Unfortunately, this hasn’t worked. I can change the colour of the block in the website’s ‘inspect’ section, but I can’t find the setting in the CSS.

I belive the people who built the page for us are now out of buisness so not sure where to go.

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [April 25, 2025, 7:13am UTC](https://community.hubspot.com/t/website-mobile-view/130292/4 "2025-04-25T07:13:02Z")

</div>

Hey @Geogrow,

as the corresponding code is located in the main.css, I recommend to check this file. But as the main.css is most likely just a collection of indivdual imported CSS files, you should look for something like the header.css or the file that get’s imported before the footer.css. You should find the corresponding code in this file at the bottom/where the media-queries are

best,

Anton
