Jump to content

afs242

Member
  • Posts

    18
  • Joined

  • Last visited

  1. Hey Paul, I tried your solution on my brine 7.0 website. I'm not able to make it work for some reason on the shop page or the product's page. See Product title "Simple Sandalwood Bracelet". https://www.raehcollection.com/shop I disabled Ajax loading. Injected code in Footer. Labeled Product Name as Simple Sandalwood | Bracelet. Product name still seems to layer on top of itself. (see attached image) I would like it to be centered and say.. Simple Sandalwood Bracelet It does the same thing on the actual product's page. (see attached image) https://www.raehcollection.com/shop/simple-sandalwood-bracelet Thoughts?
  2. It seems under Site Styles under Index Navigation I had checked "Apply Minimum Height" to All Pages. By default this sets minimum height to 50vh. I turned "Apply Minimum Height" to None. Under Custom CSS I then reduced top/bottom padding to each of the galleries blocks on each page using this code (see below). This gave me control of the white space on mobile view. //Header Banner Padding mobile// @media screen and (max-width:640px) { #block-yui_3_17_2_1_1700096549547_1930{ padding-top: 0px !important; padding-bottom: 0px !important; } } //end//
  3. As I only want the white space gone on mobile version I included this with your code- @media screen and (max-width:640px) { section.Index-page>.Index-page-content { justify-content: flex-start !important; } } Unfortunately that didn't get rid of the extra white space. It doesn't seem to appear on all the pages, just three of them. https://www.raehcollection.com https://www.raehcollection.com/find-us https://www.raehcollection.com/story
  4. I did not. I gave the wrong image example and link in the first post. That page works as well as the shop page on this site. However all the other pages have the large white space at the top. See example on home page at www.raehcollection.com
  5. Thanks for responding tuanphan. I decided to use a floating sticky button instead. I utilized/modified code from previous forum postings that you responded to for this effect. Thank you for sharing all your amazing knowledge.
  6. After inspecting the coding in mobile view it looks like there is 17px of padding on block's last-child and the first child (see attached image). I've targeted that block but the white still won't disappear. The page is at ttps://www.raehcollection.com Any other ideas?
  7. Using Brine 7.0 On website the content section section padding is site through site styles and looks fine. (Note green arrow on 1st photo) However on mobile there is a huge white space. (Note red arrow on 2nd photo) Is the css to get rid of that white gap on mobile? page is found at https://www.raehcollection.com/shop/wana-earring-threader
  8. Working with Brine 7.0 Carousel Gallery does not show Image titles/description. Is there css code to make them appear? Carousel can be found on first page of www.raehcollection.com
  9. Yes sir! That does perfect. Your skillset and willingness to help are very appreciated.
  10. I'm looking for css solve to spacing issue with breadcrumbs in mobile view. Spacing in desktop view for breadcrumbs looks fine. Previous Page crumb is far left. Next Page crumb is far right. In mobile view the Previous Page crumb is far left... however the Next Page crumb is just below it. Can css code move the Next Page crumb over to the right so it visually mimics their placement in desktop view? I have tried altering the padding around the words and that didn't work. I have also made the font size smaller thinking that would solve the issue in case the long word length is creating the words to wrap. This has not worked either. Page can be seen at https://www.raehcollection.com/shop/sweet-sparkle-diamond-necklace Does anyone have other ideas?
  11. Great point Paul, that code works splendidly and does solve potential viewing challenges on other devices. I appreciate you both chiming in with ideas and solves.
  12. Yes, two different types of code were provided. Both were helpful depending on what type of solution is needed. Thread can be viewed here
  13. Cate, that worked like a charm! Thank you for your help. And Paul, I appreciate you working through it as well.
  14. Thanks for getting back and trying to clarify with me. I DO want the first four thumbnails (circled in green) to be shown. I do NOT want the thumbnails (circled in red) that are relevant to the selected variant to be shown. When variant is selected it should ONLY show in the larger photo area (circled in blue)
  15. Thanks for responding Paul. Last week I had came across your Filter in my web search for a solution. It looks like a very useful tool, however there was one line in the description that sounded like it may not do a specific task that I was looking for. All product thumbnails will be shown when no variant has been selected (i.e. when 'Select Colour' is displayed in the dropdown) Perhaps I am reading the filter description incorrectly and it can achieve what I am looking for. Will you confirm if it can/can't based off my below explanation. Thank you. -------- I need all the variant thumbnail images to be hidden. Here are example screen mock-ups. I Would like the first four thumbnails of product w/ props to be showing and the rest of white backdrop variant images hidden. Once variant options are selected I would like the variant thumbnail to remain hidden but have the variant appear in the larger image. The end goal is to reduce the visual clutter of 20 variant thumbnail photos below the larger image at all times.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.