How do I optimize my site to be mobile friendly?

Store Design
1

I am having issues with my website. The desktop version looks great but I am having issues with the mobile site. I attached pictures of both the desktop and mobile sites, the url is cozyslip.com.

2

hii, @ryersl
Do you want to like this?

download (4).png
download (4).png344×301 68 KB

Thank You.

3

What do you mean?

4

hello @ryersl

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 749px){
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-e1f6c71b-45fa-4396-a40b-8158b716b7c6-list .slider-content [class*="slide_"] {
    background: transparent !important;
}
}
1 Like
5

hii, @ryersl
Paste This code on top of the theme.scss file.

@media screen and (max-width: 576px){
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-e1f6c71b-45fa-4396-a40b-8158b716b7c6-list .slider-content [class*="slide_"] {
    background: transparent !important;
}
}

Thank You.

6

Thank you. I just updated the code but nothing changed.

7

I tried the code but that the mobile site still looks the same