Solved

Remove Logo List from Mobile View

Shalanta
Tourist
9 0 5

Hello,

I have a logo list option on my website that looks great. However, that same list takes up too much space in the mobile view.  How can I remove the logo list section from the mobile view only?  

Shalanta

Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

 

@media screen and (max-width: 749px) {
.logo-bar__item {
    display: none !important;
}
.contain-site-width {
    padding: 0px !important;
}
}

  

 

Add this in theme.scss 
thank you.

View solution in original post

Replies 12 (12)

Zworthkey
Shopify Partner
5581 642 1565

@Shalanta 
Share your store url

Shalanta
Tourist
9 0 5

Oops.  emoriejordon.com or emoriejordon.myshopify.com

 

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

 

@media screen and (max-width: 749px) {
.logo-bar__item {
    display: none !important;
}
.contain-site-width {
    padding: 0px !important;
}
}

  

 

Add this in theme.scss 
thank you.

Zworthkey
Shopify Partner
5581 642 1565

@Shalanta 
add full code.

Shalanta
Tourist
9 0 5

Hello,  

It worked very well, thanks! But was it was still showing a large empty space at the top in the mobile view.  I removed the code and the site blew up. I have a huge magnifying glass on my page now...and I don't know how to remove it. Please help.

 

Shalanta

Zworthkey
Shopify Partner
5581 642 1565

remove whole code

Zworthkey
Shopify Partner
5581 642 1565

@Shalanta 
provide me access to your store i will remove it.
if you don't know.

Shalanta
Tourist
9 0 5

Ok. How do I do that? 

Zworthkey
Shopify Partner
5581 642 1565

tHANKS

Shalanta
Tourist
9 0 5

Fixed it!! Thanks so much!!

Zworthkey
Shopify Partner
5581 642 1565

@Shalanta 
Some where you have done mistake.
to ADD IT.

Zworthkey
Shopify Partner
5581 642 1565

@Shalanta 
remove padding code.