changing the layout of the mobile view

[qiladah]

Hello, 

I created my shop on prestashop as it looks cool. my only concern is how can I change the home page layout in mobile view only ( displaying 2 products in on row instead of one) 

 

[heloooo]

  On 10/19/2018 at 1:32 PM, qiladah said:

Hello, 

I created my shop on prestashop as it looks cool. my only concern is how can I change the home page layout in mobile view only ( displaying 2 products in on row instead of one) 

 

Expand  

Any one help in this matter plz 

 

[Marz12]

Hello,

if you want to change the home page layout in mobile view only, you can

- create a child theme on the basis of your current theme,

- edit [yourtheme]/assets/css/custom.css

and setup your layout for any screen width.

For instance:

@media (max-width:767px){.links .row .col-md-6 {width: 100%;}}
@media (max-width:640px){#index #carousel{display:none;}}

Good luck.

 

[heloooo]

  On 6/11/2024 at 9:04 AM, Marz12 said:

Hello,

if you want to change the home page layout in mobile view only, you can

- create a child theme on the basis of your current theme,

- edit [yourtheme]/assets/css/custom.css

and setup your layout for any screen width.

For instance:

@media (max-width:767px){.links .row .col-md-6 {width: 100%;}}
@media (max-width:640px){#index #carousel{display:none;}}

Good luck.

 

Expand  

Thanks 👍 

[heloooo]

  On 6/11/2024 at 9:04 AM, Marz12 said:

Hello,

if you want to change the home page layout in mobile view only, you can

- create a child theme on the basis of your current theme,

- edit [yourtheme]/assets/css/custom.css

and setup your layout for any screen width.

For instance:

@media (max-width:767px){.links .row .col-md-6 {width: 100%;}}
@media (max-width:640px){#index #carousel{display:none;}}

Good luck.

 

Expand  

Bro please explain some more

Because i just downloaded the prestashop 

 

[heloooo]

  On 10/19/2018 at 1:32 PM, qiladah said:

Hello, 

I created my shop on prestashop as it looks cool. my only concern is how can I change the home page layout in mobile view only ( displaying 2 products in on row instead of one) 

 

Expand  

Anyone help please....