Transparent footer

Store Design
, , ,
1

Hello guys can help me take my footer transparently

I use refresh theme

https://www.behumblee.com/

Pass-Humblee3030

2

Hey @Suco

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

RESULT:

Moeed_0-1716205521660.png
Moeed_0-1716205521660.png1898×583 187 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hey , I did but don’t work for me

maybe I viem in mobile version

4

Hey @Suco

I have updated the code, remove the code you added and add this updated code again.

Best Regards,

Moeed

5

Hey I remove and don’t work for me :sob: :sob:

6

Hi , I search and I don’t have this option you said

7

Yes sure what is your email ?

8

This is Noah from PageFly - Shopify Page Builder App

Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

9

Hi @Suco ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file → Save

body {
  position: relative !important;
}

footer.footer {
  background-color: transparent !important;
}

.shopify-section.shopify-section-group-footer-group {
    position: absolute !important;
    z-index: 1;
    bottom: 0 !important;
    width: 100vw !important;
}

Here is result:

BSSTechVenture_0-1716225334857.png
BSSTechVenture_0-1716225334857.png1919×879 262 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: