olenastasula

I should just get rid of the animated announcement bar, ha.... Thank you for your help @tuanphan!

Thanks, @tuanphan - Unfortunately, it's still not working for me on mobile. 😞 Do you have any other suggestions?

@tuanphan I suppose! The only new thing I'm having issues with now is the #cart page on mobile. The entire container is extending past the screen size on mobile. Do you know how to fix this?

I tried this but it did not work: 

@media screen and (max-width:640px) { div#yui_3_17_2_1_1627050254128_221 ._5Lix3J-TS .cart-container {width: 100% !important;
    height: auto;}}
 

THANK YOU @tuanphan! These solutions worked. I was also able to fix the Cart Quantity issue on mobile. Thanks for your help!

The only other thing I can't seem to figure out is #3 how to bring the product title down on mobile or even re-order it so the title is above the price? Is there an easy way to do that?

Thank you!

Olena

Wow! Thanks @tuanphan you're the best!!!

Hi @tuanphan - I'm just seeing your reply! YES do you know how I can fix these issues?? I would greatly appreciate any support. 

Thank you!
Olena

Site URL: https://www.oleiajewelry.com/

Hi - I'm having a weird issue that I know have this blank white space to the right hand side of my website when I view it on my desktop. Does anyone have any insight into how to fix this??

Greatly appreciate any support!

@creedon That did it! Thank you!! Appreciate your help as I'm a total novice to this. 

Thank you so much @creedon!! It works! 

However, one weird thing - I have to refresh my page 2x for that Paypal messaging to show up (similar thing happened to me when I was trying to integrate the Shopify Buy Button, it wouldn't load unless I refresh the page). 

Is there anything that can be done to fix this??

@creedon Sorry to jump in here, I was looking for a solution to a similar problem on my site: https://oleiajewelry.squarespace.com/shop-collection/diamond-eye-necklace 

I'm trying to move the Additional Info block (which is the PayPal messaging) in between the ADD TO BAG button and the social sharing icons. Are you able to help?

This is the current code I am using to move the Additional Info block closer to the button: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  window.Squarespace.onInitialize(Y, function(){  
  $('section.ProductItem-additional').appendTo('.ProductItem-details-share');
});
</script>

Appreciate any help!

@tuanphan Sure, I've attached a photo. The margin is 5px but it's not leaving anything between the 3rd and 4th product. 

@tuanphanHi - kind of, but it's still not perfect. There's a 5px margin missing on the far-right product. This is the code I used. Do you have any other recommendations?

@media screen and (max-width:640px) {
.sqs-block-summary-v2 .summary-item.positioned {
    width: 33% !important;
    position: static;
      margin-right: 5px}
.sqs-block-summary-v2 .summary-item-list {
    display: flex;
    flex-wrap: nowrap !important;
    flex-direction: row; 
      align-items: stretch;
       margin-right: 5px;}}

Site URL: https://www.oleiajewelry.com/

I'm having trouble figuring out how to adjust my Summary product block for Mobile. When I view it in Mobile mode, the contents are stacked instead of displayed horizontally. I want to keep the horizontal arrangement of the images for Mobile use (even if that means the text and images shrinking). Is anyone able to provide any insight on how I can update this on my website? 

The specific block is: #block-yui_3_17_2_1_1625238871313_6351

Appreciate any help!