Problem in the responsive version of the site

Asked

Viewed 531 times

-2

Good afternoon, everyone,

I have developed a site for a client, in wordpress, the site is sgcsolucoes.com.br. My problem is that it seems that the responsive css is not picking up. The website for desktop is perfect. When I open on mobile, opens the same version of the desktop, but when I go in the customize menu and choose the responsive mode, the simulator is right, but when I open on mobile continues to appear the desktop version.

I’ve disabled all plugins, I’ve chosen another theme and even then it doesn’t work.

The responsive site should look like in the image.

inserir a descrição da imagem aqui

Thank you!

wordpress responsive-layout

  • It’s your browser Cash Open here normal responsive look there: http://prntscr.com/lt790y

  • Responsive site should look like in the image.

  • Something is wrong in your CSS that is not working the menu issue.

1 answer

2

Your problem is that maybe for some reason you removed that line from your <head>

<meta name="viewport" content="width=device-width, initial-scale=1">

Here are more details about what it is and the values of this meta tag Media query does not work on non-responsive website

Look in the image, when I insert this line in your head the responsive style is now applied:

inserir a descrição da imagem aqui

  • This meta tag is included in the business_point_head function of the Hooks.php file. I tried to include it manually, but it didn’t work

  • @Danielbrito I don’t know what your theme is, each one can be a way, but here would be like this... http://prntscr.com/lt832p. you have to see what it’s like in your.

  • I opened the header.php file and added this tag......when I resize the browser window, the responsive layout works, but when I open it on mobile, it doesn’t take the responsive layout.

  • @Danielbrito now must be the same browser cash... Try to clean there. Or else eh Pq se cel has very high resolution, higher than your media query

  • I don’t think so, because if I press F12 on Chrome, and select the mobile version, it also doesn’t get the responsive layout. When I go on the Elements tab, the meta tag is not there either.

  • @Danielbrito sorry I can’t help you anymore... the problem I believe is this meta tag right there, right now the way you’re going to put it in the head that’s going to be the problem...

Show 1 more comment

Browser other questions tagged wordpress responsive-layout

You are not signed in. Login or sign up in order to post.