sorca_marian

Website address?

"When a product is out of stock, customers can't add it to their carts, and a Sold Out label will display on store pages and product details pages. "

https://support.squarespace.com/hc/en-us/articles/206540657-Sold-out-products?platform=v6&websiteId=646918b62b87e8434e2f2f29

Website address?

Hello,

I see that you already have a title and it displays fine

Hello,

It looks like a job for for a freelancer because it probably will take some time to fix everything.
If you describe here what specific changes you want, maybe a person will be able to do it for free.

If you want it to switch from one page to the other without page refresh that is the job of a Web Application like Angular and React

Yes, it is possible but with Custom Code.
Here are some free examples  https://medium.muz.li/top-30-most-captivating-preloaders-for-your-website-95ed1beff99d

For the links, instead of just using the #hash modify them to be /home-1#hash 

I think that is the default way without the custom code.
You can make the wavy shape larger from the Squarespace User Interface

Hello,

Please send a link to another page so I can check the links from the menu

Would you like it to look like this?

Custom CSS

#footer-sections {
    margin-top : -20px;
    z-index : 20;
}

I can't access the site.
It says that I need to be a member.

"

"

Awesome!

If you add it in Custom CSS the changes are global.

If you add it in the page header code injection it only works for that particular page

On mobile the sections that contain them are hidden with CSS(display:none)

Don't forget to mark my answer as the solution 

Basically, the small logo should stay visible when you scroll to top and see the large logo?

Can you share the custom code?

😀👍

Sure

.sqs-svg-icon--wrapper::before {
    color : #fff;
}

.sqs-svg-icon--wrapper:hover::before {
    color : #d6b600;
}

.social-icons-color-white.social-icons-style-regular .sqs-svg-icon--list:hover [href*="wa.me"] {
    opacity : 0.4;
}

.social-icons-color-white.social-icons-style-regular .sqs-svg-icon--list [href*="wa.me"]:hover {
    opacity : 1;
}

Hi,

Add the code below to the bottom of the existing CSS

.header-display-desktop,
.header-inner {
    position : static;
}

.header-border {
    position : relative;
}

.header-nav {
    position: absolute!important;
    bottom : 10px;
    right: 100px;
    margin: 0;
    top: auto!important;
}

Hi,

Add this CSS below the existing one

.sqs-svg-icon--wrapper::before {
    color : #fff;
}

.sqs-svg-icon--wrapper:hover::before {
    color : #d6b600;
}

I see you solved the problem 😀

On mobiles, certain sections are hidden and the links from the navigation refer to them

What custom code are you using to perform the scroll?