Jump to content

Mr-WOODLVING

Member
  • Posts

    9
  • Joined

  • Last visited

Everything posted by Mr-WOODLVING

  1. Thanks you so much. I see that the .category-borde and .ProductItem-details narrow is down so .product-restock-notification can be targeted. And your sniplet works like a charm.
  2. Site URL: https://woodliving.dk/webshop/bord-rustic-gb2 Hi On my webstore I have this product that is sold out. this item is a on-off-a-kind and I want to hide the waitlist section for this item. I can hide restock notification for all products, but I really what to hide the restock notification for all item belonging to a specific category. Like <article class = "category-borde"> <article class="sqs-pinterest-products-wrapper ProductItem hentry category-borde tag-palletr tag-spisebord tag-konferencebord tag-rustic author-michael-roepstorff post-type-store-item on-sale sold-out products-collection-v2" data-item-id="5dea232497b2c53a5ec3789e" id="yui_3_17_2_1_1661321222427_193"> The following code will hide all restock notifications. I just don't know how to combine/target that article class = "category-borde" into this code. /Start: Hide waitlist for BORDE .product-restock-notification { display: none !important; } //End: Hide waitlist for BORDE Please help. I know you guys are great. Regards Thomas
  3. I solved it. transform: unset !important; in the img section made is center. /* CSS FOR TABLET AND MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; @tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)"; /* CSS FOR TABLET */ @media @tablet { /* Insert Code for Tablet Below This Line*/ /* Insert Code for Tablet Above This Line */ } /* CSS FOR MOBILE */ @media @mobile { /* Insert Code for Mobile Below This Line*/ div#block-yui_3_17_2_1_1600111915062_4197 { display: none; } .sqs-block-image { width: 80%; margin: 0 auto; } .homepage section:first-child { height: 300px !important; margin: 0 auto important; min-height: unset !important; } .homepage .Parallax-item:first-child figure { transform: unset !important; top: 0px !important; width: 100vw !important; margin: auto auto !important; } .homepage .Parallax-item:first-child img { transform: unset !important; width: auto imortant; height: auto important; margin: Auto auto important; } /* Insert Code for Mobile Above This Line */ }
  4. It looks ok on my mobile, but on a mobile with a different screen resolution it looks different. I would like to have the image centered, so I can make is look better on different screen resolutions.
  5. HI @tuanphan I'm having some trouble adjusting the banner images on my website for mobile viewing. I have come a good way, but I'm not there. WOODLIVING.DK My goal is to have a better scaled banner image for mobile view. a) If the scrolling can be intact its good, b) if the result is a static image its ok. I can scale the image and make it static, goal b), but I have not get it to center. The code I'm using: /* CSS FOR TABLET AND MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; @tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)"; /* CSS FOR TABLET */ @media @tablet { /* Insert Code for Tablet Below This Line*/ /* Insert Code for Tablet Above This Line */ } /* CSS FOR MOBILE */ @media @mobile { /* Insert Code for Mobile Below This Line*/ div#block-yui_3_17_2_1_1600111915062_4197 { display: none; } .sqs-block-image { width: 80%; margin: 0 auto; } .homepage section:first-child { height: 30vh !important; margin: 0 auto; min-height: unset !important; } .homepage .Parallax-item:first-child figure { transform: unset !important; top: 0px !important; width: 100vw !important; margin: auto auto !important; } .homepage .Parallax-item:first-child img { width: 450px imortant; height: auto important; margin: Auto auto; left: unset !important; } /* Insert Code for Mobile Above This Line */ }
  6. I have similar problem. I want to change "from 445.00" to "fra 445.00" It is basically the same just in Danish.
  7. Hi. Edit: Thank you... it worked perfect. This nth-child worked because the was already some CSS code that disabled the first child. Now I have cleaned up the code and the function was as intended.
  8. Site URL: https://woodliving.dk/ Hi I have added a link in my main menu folder to enable visitors go to a landing page when they click on the menu title. But on mobile this doesn't work. 1. Is it possible to make the link visible in mobile menu? Now I have directly added the landing page(Nordic) to the menu folder Right under link. And it looks good on mobile. If posible I would like "Nordic" to be bold. 2. How so I make "Nordic" bold in mobile only. But on desktop version I now have two "NORDIC" both linking to the same landing page. On the desktop version I want to hide the sub menu item "NORDIC". 3. How do I hide "NORDIC" in the sub menu? Any help would be appreciated. Best regards Thomas
×
×
  • 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.