Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Mobile Site Help PLEASEEEEE!!


Lauri

Question

Site URL: https://mackerel-collie-9dwr.squarespace.com/config/design/custom-css

1) So, my mobile site is driving me crazy and I need help please.  On my mobile site, the products are stacked vertically but I want them to be side by side. At least two columns. 

2) Whenever I click on the picture to zoom in, the picture is completely cut off(it's perfect on the desktop). 

3) There is no next button on the mobile site so customers can go back to the where they were before the current page they may be on. Help please

 

I'm so ready to send my password just for HELPPPP!!

Link to post
  • Answers 9
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .homepage .gallery-grid-wrapper { grid-template-columns: repeat(4,minmax(0,1fr)) !important; } }  

Posted Images

9 answers to this question

Recommended Posts

  • 0
2 hours ago, inunzi said:

@Lauri do you think you can send pictures of the problem? And send screen shots of something that can help resemble what you are wanting it to look like?

In the first picture, the products are stacked on top of each other- would prefer if there were two columns instead of one.

Second picture, once you click on the image, there is a breadcrumbs at the top, is there a way to put an arrows so they can go back to the previous page instead of clicking on the breadcrumbs.

Last picture is when I hover over the picture then click on it. The picture is cut off. 😞 

image1.thumb.jpeg.9bcdd4c696ae35c17e833162194e35f2.jpegimage0.thumb.jpeg.d002c7336f763f4b2697d0c656da0aa9.jpeg

image2.jpeg

Link to post
  • 0

Q1. Q2. Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.collection-type-products .gallery-lightbox-item img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
    .products.collection-content-wrapper .list-grid {
        display:grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-column-gap: 10px;
        grid-row-gap: 5px;
    }
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
2 hours ago, tuanphan said:

Q1. Q2. Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
.collection-type-products .gallery-lightbox-item img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
    .products.collection-content-wrapper .list-grid {
        display:grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-column-gap: 10px;
        grid-row-gap: 5px;
    }
}

 

You are a life saver. Thank you so very much! I really appreciate it. 

Link to post
  • 0

@tuanphan one more question if you don’t mind, is there a way to have to icons on my homepage go horizontally instead of stacked as it is on the mobile. 
 

the picture I’m attaching is not how I want the images to look. Want them to be side by side. 

FAFCB752-BB65-4274-A081-9E2ABFD1EEB4.jpeg

Link to post
  • 0
5 hours ago, Lauri said:

@tuanphan one more question if you don’t mind, is there a way to have to icons on my homepage go horizontally instead of stacked as it is on the mobile. 
 

the picture I’m attaching is not how I want the images to look. Want them to be side by side. 

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.homepage .gallery-grid-wrapper {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...