Theme not responsive on mobile

Hi, could you please help me to figure out why my website is not responsive anymore? On iPhone, contents are all on the left side of the screen.

Here is my website: www.fashionstylefan.com

Thanks for the help!

Hi,

Just checking your site and I think that was caused by google ads.
The google ads are using iframe to displays its content using width 728px in all screen displays.

If you prefer to not displaying the google ads while in mobile device, you can try to add the css code below:

#text-4{
  display: none;
}

thanks! It was the google ad. I tried to add the css code and now looks fine in mobile. But if I keep this code I won’t see the ad neither in mobile nor in desktop. How can I set it up in a way that still shows my ad in the header for desktop but it’s inactive in mobile? Is that possible?

thank you!

Ah you right! I am forget to use the media query

please use these code instead:

@media screen and (max-width: 960px){
#text-4{
  display: none;
}
}

Super! Thanks for your help!!!

Hi, I have an issue where it just appears as a simple blue format. Could you help me have a look?

Here is my website: http://foodforthought.com.my

Thanks!