footer

Store Design
, , , ,

Topic summary

Main issue: A section/element persists under the footer on a Shopify store (mehqclo.com), and the owner wants it removed. Screenshots were shared to show the unwanted area and an example of the expected result.

Context: The store uses Shopify themes. Edits are suggested in theme stylesheet files (base.css/style.css/theme.css) and possibly in the main layout file (theme.liquid). CSS selectors target elements inside MainContent.

Proposed fixes:

  • Add to CSS: main#MainContent button#checkout-button, main#MainContent button#return-home { display: none !important; }.
  • If not working, try: #MainContent #return-home { display: none; } and #MainContent #checkout-button { display: none; } in base.css.
  • Another suggestion was to paste code before the closing in theme.liquid, but no actual code snippet was provided.

Current status: The first CSS attempt did not remove the element for the store owner. Alternative CSS was provided; no confirmation of success yet. Discussion remains open with unresolved outcome. Images are central to illustrate the issue and the proposed result.

Summarized with AI on December 15. AI used: gpt-5.
1 
I can't remove this part under the footer pls help me


 

abdullahmehdi_0-1730744557130.png

Untitled.png
Untitled.png1224×480 280 KB

1 Like
2

Hi @abdullahmehdi

Please, share your store URL. Thanks!

3

Hi @abdullahmehdi

please share your store URL so we can check

4

Hi @abdullahmehdi

Please share your website url.

5

https://mehqclo.com/

6

https://mehqclo.com/

7

Thanks for the info, check this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
main#MainContent button#checkout-button, main#MainContent button#return-home {
    display: none !important;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

8 
I did what you said, I saved it but it's still there

 

abdullahmehdi_0-1730899955118.png

23123123123.png
23123123123.png1752×838 52.6 KB

9

Edit theme code, add the following code to the bottom of base.css

#MainContent #return-home {
  display: none;
}
#MainContent #checkout-button {
  display: none;
}
10

Try to paste it on the theme.liquid.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
  • And Save.

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!