beaches55 Posted August 15, 2021 Posted August 15, 2021 Site URL: https://tarkovgear.com/ Hello everyone, For any of my pages, (lets use https://tarkovgear.com/headwear as an example since it is fairly long anyways and mobile makes it even longer) the image links look fine on desktop, but on both tablet and mobile it just becomes a long line to scroll through. The current CSS I have is shown below which is just to shrink the image blocks when on mobile. I have tried using " float: left; " and making the image sized even smaller with the hopes that it would bring another row up to the right. I don't know if there is a specific way to add another row or something and would appreciate any help
tuanphan Posted August 16, 2021 Posted August 16, 2021 Hi. You want to make 2 items/row on mobile? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
beaches55 Posted August 17, 2021 Author Posted August 17, 2021 Hi tuan, yea I am wanting to make 2 items on a row for mobile view.
tuanphan Posted August 18, 2021 Posted August 18, 2021 17 hours ago, beaches55 said: Hi tuan, yea I am wanting to make 2 items on a row for mobile view. Hi. Try adding to Design > Custom CSS /* Headwear on mobile */ @media screen and (max-width:767px) { div#page-section-610be0037197862c228c870e .span-4 .image-block, div#page-section-610be21eb86d6245474eaade .span-4 .image-block { width: 50%; float: left; clear: none; padding: 0; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
beaches55 Posted August 18, 2021 Author Posted August 18, 2021 That worked great! Is there any way for me to apply that site-wide or will I just have to add page-sections for every page?
tuanphan Posted August 22, 2021 Posted August 22, 2021 On 8/18/2021 at 7:43 PM, beaches55 said: That worked great! Is there any way for me to apply that site-wide or will I just have to add page-sections for every page? Each page has a different code structure so need a different code. You can share link to all pages, we can help! Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
beaches55 Posted August 22, 2021 Author Posted August 22, 2021 there is quite a few pages and i would feel bad. If it would be easier you can explain how to search for the code structure, otherwise i can post the 25 or so pages. Thankyou again for all your help so far
tuanphan Posted August 26, 2021 Posted August 26, 2021 On 8/22/2021 at 10:33 PM, beaches55 said: there is quite a few pages and i would feel bad. If it would be easier you can explain how to search for the code structure, otherwise i can post the 25 or so pages. Thankyou again for all your help so far Hi. No way to explain. You will need to know HTML/CSS to solve these. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.