laurdewit

here a screenshot to help with the problem

Yes please! I also have another question, on my homepage (URL: https://www.atelierwit.com) I have a gallery called 'New in the Atelier' and I have put captions underneath but in SS I can't change the look of the text, I want them to be centered with the image and preferably to change the font to my set fontstyle for heading 4. And I also can't get a second line for text underneath those captions to add the price of the products, do you know any way around this?

Hi Tuanphan, can you help me with the code for one of my pages? URL: https://www.atelierwit.com/jewellery I decided to change my productpages completely and design my own so I can add more pictures but now I have the same problem with all the images stacking under each other on mobile, can you help me get them in 3 columns? 🙂

Thankyou!! this worked perfectly 🙂 Thought at first it didn't work because for some reason it doesn't show like that on my desktop but I open my website on mobile and it did show with 2 columns. this worked perfectly

It seams to work for the image / text on the homepage but on my product pages it is still 1 column instead of 2 (URL: https://www.atelierwit.com/collection/jewellery)

Okay so update, I already tweaked some things and made the individual pics into a gallery which I added this code to to make it appear 3 columns on my homepage. } @media only screen and (max-width: 640px) { .gallery-grid-wrapper{ grid-template-columns: repeat(3, auto)!important;} } but I still need some help with my product pages (2 columns on mobile) (URL: https://www.atelierwit.com/collection/jewellery) and text / image to appear next to each other on the homepage if that is possible. (URL: https://atelierwit.com) Here are some pics to help. Also does anyone know if it is possible for the side menu of the product pages to appear on mobile? or have the header with logo and menu to always appear on mobile not just when scrolling up?

Site URL: https://atelierwit.com Hii! I've tried everything in the book but I am getting so frustrated with SS's responsive design, I basically just want my website to be displayed on the mobile version the same as it is on the desktop version. I already applied this code to make the background header appear smaller on mobile but it doesn't look that great because the text underneath is now is huge compared to the image. /* mobile-top banner */ @media screen and (max-width:767px) { body.homepage article section:first-child { min-height: unset !important; height: 43vh; } } Also I really want galleries in the original form (less height and more images displayed), text / image blocks to appear next to each other like I designed it with the desktop site and my product pages to not stack underneath each other but have at least 2 columns. If it's not possible, any other tips to achieve the look that I want with the 3 main problems I have would be so helpfull aswell! Thanks in advance 💗💗💗💗