Jump to content

Recommended Posts

Hello,

I create a theme and I got some problems with the responsive design.

Indeed, in mobile mode the website display desktop version of the website and not the mobile one.

I try to put media queries in my css file,  use the viewport meta tag, and link different css file with the media size but there is no success.

 

 

Does someone have an idea ?

Thx

 

 

Share this post


Link to post
Share on other sites

You don't change class, you tell which CSS class to use based on the screen size.

For example, this <div> will be display full width (12/12) on small screen, and 10/12 on medium.
 

<div class="col-md-10 col-sm-12 position-static">

 

Share this post


Link to post
Share on other sites

There is not the problem...

The main problem is that the website display on mobile and on desktop the same website.

 

This code

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

always display 

<meta name="viewport" content="width=1200">

for every screen size.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More