Pimlico6ix

I am trying to make a custom button for my website. Website: https://www.ecoflame.ca/
The buttons I am tempering with are on the landing page of the website.

Here's the CSS code I am trying to inject:
https://uiverse.io/shah1345/spicy-liger-32

I am replacing all ".button2" with .sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element

OR simply ".sqs-block-button-element"
The result is janky. The resulting button shows the current and the intended hover effect at the same time. 

I am using the "Custom CSS" menu to do that. What am I doing wrong here?

On 9/30/2022 at 2:43 PM, Hilco said:

I had issues with the above code hiding the logo on mobile, but this code in red worked for me:

/* Remove logo from desktop homepage */
.homepage .header-title-logo {
  display: none!important;
}

/* remove mobile homepage logo */
body.homepage .header-mobile-logo{
    visibility: hidden;
}

On 10/1/2022 at 3:40 AM, tuanphan said:

My code is for Squarespace 7.0 version.

Your code is for Squarespace 7.1 version.

All three versions of the code do not work at all for me. I am on 7.1 and I only managed to remove the logo completely from the website (desktop and mobile). Inspect in Chrome shows that no matter the screen resolution, the website treats logo as "header-title-logo" and it is used for both desktop and mobile.

Would you know how to fix it?

Link: https://www.ecoflame.ca/store/p/el-camino-24-2es64-6mnh2-gwfnb

Hey,

I am trying to set the header to have no background, only navigation buttons. Dynamic layout of the header lets me do so, apparently on every page, except for a product page, which would look nice, given that I have 16:9 product pictures and a "Full" style of the product page layout. 

Is there a piece of code for the custom CSS section that will fix that issue?