Can someone help me how to adjust this content on mobile view

Store Design
1

Hello,

I’ve been searching which code to edit for this area to adjust. It seems to be ok in desktop but not in mobile.

my website https://loveara.co/

theme Modular

please see the attached image.

5.PNG
5.PNG565×297 15.7 KB

4.PNG
4.PNG591×356 80.9 KB

3.png
3.png429×128 33.2 KB

2.PNG
2.PNG430×268 24.4 KB

2

Hi @Gray7 ,

Please add the below CSS at the end of your theme.css file. This CSS will solve the logo list issue at the bottom of the page and the Jumpsuits & Rompers Issue. For others, I’ll check and update you

@media(max-width:767px){
.logos-list .logos-list-wrapper{
	height:auto;
}
.logos-list .logos-slider__item{
	height:220px;
	background-position:center center;
}
#shopify-section-16297955809f1a8f92 .hero.original-height .slide-image img{
	padding-top:55% !important;
}
}
1 Like
3

Hi @Akibhusen ,

yeah it worked but I made some adjustment to center the photo.

I changed this from 90px

1.PNG
1.PNG870×113 4.73 KB

then insert your code I adjusted height: 190px

@media(max-width:767px){
.logos-list .logos-list-wrapper{
	height:auto;
}
.logos-list .logos-slider__item{
	height:190px;
	background-position:center center;
}
}
4

HI @Gray7 ,

For the ‘Things to know about us’ section I need to check your theme code/ JS related stuff.

JFI, It’s not mandatory to use the slider template for each section on the home page. In your theme there might be some other templates without slider js is available. You can use that too. By using that template you may not face issues like this in the future.

5

Okay @Gray7 , if it’s working then okay.

Also, check the same post I have added the CSS for the Jumpsuits & Rompers section.