Mr-WOODLVING
-
Posts
9 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Mr-WOODLVING
-
-
-
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
-
2 hours ago, tuanphan said:
Hi. I see the image looks fine on mobile now. Did you solve? If no, can you explain clearly?
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 */ }
-
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.
-
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 */ }
-
I have similar problem. I want to change "from 445.00" to "fra 445.00" It is basically the same just in Danish.
-
Hi.
Edit:
Thank you... it worked perfect.
Quotenth-child(2) solved it.
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.
-
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
How to hide restock notification
in Customize with code
Posted
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.