Jump to content

Mr-WOODLVING

Member
  • Posts

    9
  • Joined

  • Last visited

Posts posted by Mr-WOODLVING

  1. 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. 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 */
    }

     

  3. 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 */
    }

    image.thumb.png.9145c343224750db74186a27f86745d7.png

     

  4. 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.

    image.png.43d929463a9b1a7ad48a3659aeaeecb3.png

    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.

    image.png.ddc294536f10d4c0b3370a0ec822ba5b.png

    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?

    image.png.0e4708ad23b7349d8f3f1d13e1f9442b.png

     

    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.