Responsive Design

[thilak]

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

 

 

[Pierre_d]

PS uses class="col-xs..." or "col-md..." to display pages depending on screen size.
A page, or container or whatever is divided into 12 columns.
It's not the solution, but the direction to it

 

[thilak]

Hello Pierre, thank you for your response. The problem is that I can't change class depending on screen size. This is my main problem.

 

[Pierre_d]

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">

 

[thilak]

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.

[Pierre_d]

Oh, I see. Then, I'm sorry, I cannot help you. This goes beyond my limited knowledge.