Sam-Logie

4 minutes ago, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS to fix problem

@media screen and (max-width:767px) {
section.pdp-product-add-ons {
    margin-top: 50px !important;
}
}

 

Hey Tuanphan

That worked perfectly! Thanks so much for your help as always.

Sam 

On 4/19/2024 at 11:12 AM, tuanphan said:

Can you share link to this product? We can check easier

Hi Tuanphan

Thanks for your reply.  This is the link to one of the products

https://samanthawade.co.uk/medik8/p/crystal-retinal-ceramide-eye

Desktop spacing is fine, its just mobile version that causing the issue.

Thanks

Hi There

I have an issue with spacing between 'add to cart' button and the up-sell options on my product pages.  This is only happening on mobile view where the button is sitting on top of the up-sell options.  It is happening on every product page on mobile view where I have added some up-sell options.  Id really appreciate some help to adjust the spacing so that the 'add to cart' button sits above and not over the up-sell options.  Please see attached screen shot.

Thanks in advance

Sam

21 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.ProductItem-details-excerpt {
    order: 1 !Important;
}
.ProductItem-product-price {
    order: 2 !important;
}
}

 

Thanks so much Tuanphan, that worked perfectly!

Have a good day

Sam

10 hours ago, tuanphan said:

Hi,

Can you share link to this product? We can check easier

Hi Tuanphan

Here’s the link 

https://samanthawade.co.uk/medik8/p/crystal-retinal-ceramide-eye

this is just one specific product but I’d like the layout to change on all of them on mobile view if possible. 
 

thanks again

sam 

Hi there

I wonder if anyone could help me to align my product pages on mobile view only please.  Currently the Item Description is sitting under the 'add to cart' button on all product pages on mobile view only (desktop view is fine).  

I would like the Item Description to sit under Product Name if possible please.

Many Thanks

Sam

3 hours ago, tuanphan said:

Add to Design > Custom CSS

.product-restock-form .sqs-editable-button {
    background-color: rgb(239,239,239) !important;
}

 

Thanks Tuanphan

This has worked perfectly!  I appreciate all your help

Sam

18 hours ago, paul2009 said:

Can you post the CSS that you tried? I can then check it.

Hi Paul, thanks for getting back to me.  The code i have used is

.collection-63f79d519121557e225dff2b.product-price {
  display: none!important;
}

On 3/7/2022 at 2:32 PM, paul2009 said:

See How to apply CSS to one Squarespace page.

Hi Paul

You kindly helped me with some code to hide the prices from one of my store pages.  I now need to do this with another store page.  I am using the same code but changing the collection ID accordingly as suggested above.

Unfortunately this doesn't seem to be working (i'm sure it's user error!) ,  If you get a minute, i wonder if you could give me a hand with this please.

The store page I would like to hide prices for is

https://samanthawade.co.uk/dmk

Thanks in advance for your help

Sam

7 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.product-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text'] {
    min-width: unset !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 0 !important;
}
}

 

Hey Tuanphan

This has worked perfectly thank you!

Would you possibly have some code to change the sign up button on the same link please?  For some reason it is the right colour on desktop but on mobile, it's blue.

Thanks in advance

Sam

12 hours ago, tuanphan said:

Hi,

Can you share link to page in screenshot? We can help easier

Hi Tuanphan

thanks for your reply. 
 

here’s the link to one of the pages affected

https://samanthawade.co.uk/medik8/p/advancednightrestoretryme

Hi There

I'm wondering if I can get some help regarding the waitlist signup section on product detail page when product is out of stock.  

On mobile view, the box for email address input is too long, is there some code I can input to make it smaller please?

Also, am I able to change the colour of the signup box please.  At the moment it's blue, but I'd prefer to keep it on brand.

Thanks in advance

Sam

2 minutes ago, Ziggy said:

 

I don't know of a way to move that effectively to the right of contact, hence giving you an option to hopefully get it looking better, if not exactly what you wanted. Sorry about that!

Hi Ziggy

Ah of course, sorry I misunderstood your last message.  I really appreciate your help, thank you so much

Have a nice evening

Sam

7 hours ago, Ziggy said:

Hi @Sam-Logie, there's not a native option currently for the logo and navigation to be stacked and centered and have the social links on the right. This code will at least align the social link with the navigation, and I would suggest that you set the header in the design to Full rather than inset.

.header-display-desktop {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

Alternatively it may look better to push the social links up to the top corner, in which case change the word end for start in the CSS.

Hope this helps!

Hey Ziggy

Thanks so much for your quick reply.  This code moved the linkedin logo to the far left of the screen, in line with the nav bar but not quite where I wanted it.  (see attached screen shot).  It it possible to get the logo to line up next to the word 'contact' please? 

I've taken the logo off the header for now as the site is live, but you can see where it ended up on the screen shot.

thanks in advance for your help

Sam

Site URL: https://www.hightidehr.je

Hi everyone

I'm wondering if someone can help me with a social link not lining up correctly on header.  I've added the requested social link (linkedin) via the usual editing bar for the header, and the logo is appearing at the top left of the header.  

I'd like it to line up alongside the word 'contact' if possible please.  

See attached screen shot of where the logo sits when it's been added.

I've had to take the social link off until I get some help with this, as the site is live.

Thanks in advance

Sam

18 hours ago, tuanphan said:

That code is missing an arrow code.

You can add it, then we will check & give the code to add arrow

Thanks Tuanphan.  I have added the code that Derek sent into a markdown box on my footer.  I'm just after the arrow now and also the text in white if possible (it've tried to play around with the code for the colour, to no avail)

Thanks so much for your help with this

Sam 

Hi Derek

Thank you so much for your help.  This has added in the word 'top', however no arrow.

I have tried to play about with the font size/colour/weight however it doesn't seem to accept any changes.  I'd like the font slightly bigger and bolder and also in white if possible.

Also, is it possible to have the word top centred into the block.  At the moment it's on the left of the block and I can't seem to make the block any smaller, meaning with the new fluid editor, the word top is not centered within the footer.

Any help you can give would be much appreciated.

Thanks again

Sam

Site URL: https://www.hightidehr.je

Hi there

I'm wondering if someone could help me with some code for a back to top button/link for the footer of a website i'm building please.

I've found some code but it is for a business/commerce plan.  I'm looking for some help for a personal plan.

The client would like something like the attached, in the footer above the logo (central).

Site password is hightidehrmelanie

Thanks in advance for any help

Sam 

Hi Tuanphan

Thanks so much for your reply, yes I've sorted it now!

Have a great day

Site URL: https://www.hightidehr.je

Hey everyone

I'm creating a site for a friend and wondered if someone could help me centre the logo and nav bar on desktop before I have a meltdown.

I'm not sure if some basic coding is needed but I cannot find any settings on the header edit tool to sort this.

It's just off to the left too much.

Thanks in advance

Sam

site password is hightidehrmelanie

Creedon, you're a legend!

It's worked perfectly, thank you so much for all your help. Much appreciated

Sam

Sorry for the delay

https://www.bailiwickflame.com/soy-candles

On 6/24/2022 at 10:17 PM, creedon said:

Please see the following.

 

Hi Creedon

Thanks so much for the above and my apologies in the delay in getting back you.  I have tried this on my site and hiding the checkout button has worked great, however I've added the code for the custom button and nothing has changed.

I've just inserted the code for the custom button on one store page at the moment to see if it worked.

I think I've done it correctly but would really appreciate some further help if you have time, to get this to work.

Thanks in advance

Sam 

Site URL: https://www.bailiwickflame.com

Hi There

I wonder if someone could possibly help me out with some code to hide the checkout button on all products on our site.  We now only sell wholesale and not to individual customers.

I also wonder if there is a way of adding a custom button to all product pages that links to our stockist information.  Is there a way of adding this to all product pages without manually editing each product page one by one?

Thanks in advance

Sam 

1 hour ago, bangank36 said:

The testing on mobile from my device is fine

Have you try refreshing your page after completing the configuration code yet?

Yes, thank you.  It's showing grey on mobile view now in Squarespace editor,  but when actually accessing the page from my mobile device it's still showing royal blue..which is strange.

It's not a huge issue so please don't worry.

Thank you so much