kevin310

Hi @tuanphan no not yet. The code I posted above is not working for me. Thanks or checking in to it! I just want to reduce the height of the banner image on mobile. Thanks for your help!

Site URL: https://www.blankforces.com/allproducts/v2-titanium-edc-ink-pens-clip Hi Squarespace Grurs, In my store on the individual product pages, the thumbnails are not aligned with the larger image. Please see the red area that I marked in the photo. Is there some CSS to make all of the thumbnails slightly larger so that they fit perfectly and align on the right side like they do on the left side of the large image? Thanks in advance you any help!

Hi @tuanphan I'm trying to use your code above. I want to reduce the banner image height on mobile only. website: www.blankforces.com this is the code... i edited the collection number from your code. Thanks for any help!!! @media screen and (max-width:640px) { body#collection-5caf667d104c7be537b00c28 { .page-banner-has-image img { width: 50% !important; height: 30px !important; left: 0 !important; } .page-banner-wrapper.page-banner-has-image { height: 50px !Important; } } }

Bingo! Thanks again rwp!!

Fantastic!! It's working...Thanks so much rwp!!! You are awesome. One last question if you don't mind. If I want to move the code block to this location... what would I change "product-price" to? <script> $(document).ready(function() { $('.product-description .code-block').insertAfter('.product-price'); }); </script>

Sorry about that... yes I see. I am using your code in the Code Injection FOOTER and the Custom CSS show below. It is still not doing anything. I'm not sure if i have the correct names that are highlighted in yellow below. I have tried to make these the same as well but I don't see an change in the code block's position. Also, for the CSS... I don't know what the "order number" actually does. Should it be 3? I also tried other numbers but don't see any change.

Understood. So the code you posted is the exact same as what I posted then? I see no difference, and it is still not doing anything to move the code block. Thanks for taking the time to respond! Kevin

Hi rwp... thanks so much for getting back to me so quickly! I really appreciate it! Just so I understand. You just removed the <script> and <script/> from the code? and I should use it that way? I made that change and don't see any change. the code block is still working at the bottom of the page. I am guessing that the actual names... like "product-description" and "product-price". I found those one this forum, but i'm not sure they are correct for my site. Thanks again for your help! Kevin

Site URL: https://www.blankforces.com/allproducts/v2-titanium-edc-ink-pens-clip Hi Squarespace gurus! On my "product page" I have a "code block" that I've placed in the "additional info" section. The code in the code block is working but it is below all of the product info.... but I'd love to move it so that it is positioned right below the "product price" as indicated in the image below. Below is the code that I was trying to use. Thanks for any help! -Kevin --------------- This code is from Code Injection >Footer: <script> $(document).ready(function() { $('.product-description .code-block').insertAfter('.product-title'); }); </script> This code is from my custom CSS: .ProductItem-description .code-block { order: 4; }

It looks like it has fixed itself. The horizontal line, is the horizontal scroll bar. I restarted Chrome on mobile and the bar is much lower now. Thanks again for your help Paul!!!

Hey Paul... it looks like there is some small graphic issue. I'm using an iPhone and the Google Chrome browser and get a horizontal white line near the bottom when I'm scrolling. I checked on iPhone Safari app as well... the Safari browser shows the same horizontal white line but it is very close to the bottom, so it is not as noticable. It's not a huge deal but it would be great if you have a suggestion. Thanks again... that was a huge help!! -Kevin

That worked perfectly Paul! Thanks so much for the very fast reply! Very much appreciated! -Kevin

Hi, I'm trying to reduce the left/right margin or padding for mobile -Devlin template. www.blankforces.com I have tried some css but haven't been able to figure anything out that works. You can see in the attached image that on mobile the margins are pretty big... it would be great if they were about a third of the width. Thanks in advance for any help/suggestions! -Kevin