Meghna

@tuanphan thank you the website is working now could you please help me out with the above query. 

hello @tuanphan , I did manage to make the navigation transparent.  I kept the font black (navigation and brand logo) for the whole website, then i decreased the opacity of navigation bar background to 0. 

to make the font visible on the front page, I changed it to white with the following code. But the cart icon is still black so its not visible. 

and this is on the phone 

I would like to make them white please both on the phone and desktop only front/home page. 

and the overlay navigation on the phone has white font for the brand logo, cart icon, burger icon and social links- i would like them to be in black please so they are visible.  Please help. 

It worked 🙂 thank you so much.   

Hi 

here is the link to the product

https://leopard-tomato-dja8.squarespace.com/shop/p/green-ruched-gown-hjnwj-k8eds

password09

Hello Thank you for your response. Yes did try the Code. It didn't work. It stays at the bottom of the page. 

1. I would like it to be fixed like rest of the details on the page.

2. The layout of drop down (more info blocks like details, material and delivery) as Jacquemus below from another website https://www.jacquemus.com/en_fr/le-pantalon-ficelle/233PA064-1069-110.html?cgid=New_In_women_rtw

Link to website I am working on 

https://leopard-tomato-dja8.squarespace.com/

password09

Thank you for your response 🙂

https://leopard-tomato-dja8.squarespace.com/

password09

Hello I need help. I been trying to do the same thing.

1. how to move additional product information block under add to cart button. 

2. have it fixed while scrolling down (just like add too cart and other details are fixed while scrolling) 

Thank you in Advance 

Hello 

I am using square space 7.1. I been trying to remove space between the stacked images on the product page. I tried a few codes but non of them worked. Please find the details below. Thank you in advance 

Hello I am trying to make Front navigation bar Transparent Front Page only (7.1). But the above code doesn't work for me. Please help.

Hello 

I am trying to make (home page only)navigation bar transparent, for mobile  and desktop both. please help. 

The website is not public yet

Hi 

Thank you its worked. Also i have another issue with the header for mobile. I used this code to make it top navigation bar background Transparent. It works perfectly on front page but I want it with black background on other pages. so i applied it to specific page only it worked. but when i go to another page it doesn't show top bar at first but when i refresh its appears back. I have attached the images. 

Is there a way i can have transparent background just on home page and rest of the pages stay black background

Please help

<style>.Mobile-bar.Mobile-bar--top {
    position: absolute;
    background: transparent !important;
    z-index: 999 !important;
    top: 0;
    left: 0;
    width: 100%;
}</style>

@paul2009 thank you for your response. So is there a way to combine the size button with add to cart just for the mobile ?

Hi

Yes I want add to cart button fixed/ frozen at the bottom when scrolling just for the mobile view. 

Also if it is possible to show the price and title of the garment  as shown in the image below with it. 

Link to the website how i would like it to be. 

https://www.jacquemus.com

My website link - https://www.szabosihag.com

Please let me know if there is a way to achieve that.

Hi 

I need some help with my website. I used some code to make the mobile header bar transparent just on the home page.  Now when I navigate to any other page the header doesn't load. I have to refresh the page again then it appears. Please see the image below. 

I have the same issue with recaptcha , some times(most of the the times its not there ) it doesn't load. I have to refresh the page to load it. 

Please help 

Hi 

I  used some CSS to have a fixed product details while scrolling on the product page it worked. But now when I scroll on mobile product title is fixed and scrolls with the whole screen when I scroll. Image attached below.

Please help

Hi 

I am trying to find a way to do a fixed header (navigation, logo, cart)  while scrolling down. I want to keep the background transparent as it is on the website now. Please let me know if there is a way to do that with CSS.

Website link 

https://www.szabosihag.com

Thank you 

@tuanphan I used the first code you suggested to freeze the product details on the right side it worked thank you. How ever i would like to do the same for the mobile version but Cannot seem to find a code for that.I would like it the title of the image , price and add to cart button fixed on the screen while scrolling . For some reason i cannot  attach the image so I am attaching the link to the other website to show how would i like my website to be. Please check the mobile version for this product page.

https://www.jacquemus.com/product/le-pantalon-marino-navy-checks