Jump to content

katie_w_3

Member
  • Posts

    9
  • Joined

  • Last visited

Posts posted by katie_w_3

  1. On 11/17/2020 at 5:54 PM, katie_w_3 said:

    This is amazing @tuanphan!  Thank you so much.  The "Browse by Value" section has appeared perfectly, however, the "Browse by Personality" remains the same.  Also, with regards the image sections, £0-60 shows the images as a perfect size, but displays them by column as opposed to left to right, and then all other sections appear as before.  I fear this may be because of the way I have added sections?  I have added some screenshots for explanation

    Screenshot_2020-11-17 General 2 — Una Rodden.png

    Screenshot_2020-11-17 General 2 — Una Rodden(1).png

    Screenshot_2020-11-17 General 2 — Una Rodden(2).png

    Okay, so I've worked out how to get all products appearing as in the £0-60 category and I've the "Browse by Personality" buttons appearing in a row.  However, you now need to scroll the screen to the left to view the 4th button.  Is there a way to lay this section out as 2 rows of 2 buttons so all are visible?  Also, still wondering how my products can be read from the desktop rows as opposed to columns, as this will make more sense?  Apologies, I am completely new to coding, any suggestions will be gratefully received!  I have added screenshots to explain.  Many thanks!

    Screenshot_2020-11-22 The Gift Edit — Una Rodden.png

    Screenshot_2020-11-22 The Gift Edit — Una Rodden(1).png

    Screenshot_2020-11-22 The Gift Edit — Una Rodden(2).png

  2. 4 hours ago, tuanphan said:

    Add to Home > Design > Custom CSS

    
    /* mobile 2 products row */
    @media screen and (max-width:767px) {
    div#block-yui_3_17_2_1_1605434151889_26849+.row>.span-4 {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    div#block-yui_3_17_2_1_1605434151889_26849+.row>.span-4 .product-block {
        padding: 5px !important;
    }
    }

     

    This is amazing @tuanphan!  Thank you so much.  The "Browse by Value" section has appeared perfectly, however, the "Browse by Personality" remains the same.  Also, with regards the image sections, £0-60 shows the images as a perfect size, but displays them by column as opposed to left to right, and then all other sections appear as before.  I fear this may be because of the way I have added sections?  I have added some screenshots for explanation

    Screenshot_2020-11-17 General 2 — Una Rodden.png

    Screenshot_2020-11-17 General 2 — Una Rodden(1).png

    Screenshot_2020-11-17 General 2 — Una Rodden(2).png

  3. 20 minutes ago, tuanphan said:

    You mean Browse by Value & Browse by Personality? Add to Home > Design > Custom CSS

    
    @media screen and (max-width:767px) {
    div#block-yui_3_17_2_1_1605449828234_428558+.row {
        display: flex;
    }
    div#block-yui_3_17_2_1_1605449828234_428558+.row * {
        font-size: 11px;
    }
    }

     

    Thank you so much @tuanphan.  I would also like my images to appear in columns as they do on my other store pages for mobile.  Maybe this will work for that too?  Really appreciate your help!

  4. Hi, I wonder can anyone help.  I am also having trouble formatting a page for mobile.  I have created an edit of products from my site using product blocks, but these stack one on top of the other on mobile, which is difficult to view for so many items.  Any suggestions how I could make these appear in 2 or 3 columns instead?  Furthermore, the button links I have created stack on top too, I would prefer if they arranged beside each other.  Is this possible?  Many thanks for your help!

    URL: www.unarodden.com/the-gift-edit-1

  5. 25 minutes ago, tuanphan said:

    I see 3 columns here, you try clearing browser cache

    with 2 columns on mobile, add this code to Home > Design > Custom CSS

    
    @media screen and (max-width:767px) {
    .list-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-column-gap: 10px;
    }
    }

     

     

    Unfortunately @tuanphan, I still cannot see 3 columns after clearing my cache, but the code for mobile worked  a treat, so thank you very much for that!

  6. Hi @tuanphan, I wonder if you can help me also.  Firstly I cannot get columns to work on the product pages of the desktop site (I have used the style format to try to create 3 columns but it does nothing).  I would also like the mobile site to display as 2 columns and for suggested items within the product block to display in columns.

    https://www.unarodden.com/

    I realise I'm asking a lot here, but any help would be greatly appreciated

×
×
  • 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.