Checkout and mobile menu and the botton of the store issue

Store Design
, , , , ,
1

Hi ,

I am currently finishing up my store, but I am facing some issues with the Debutify theme. Firstly, there is a blue line on the top of the mobile menu that I want to remove, but I am unable to do so. Secondly, I want to add some color to the boxes in the checkout to make it more stylish, but I am having trouble with that as well. Lastly, I want to activate the geolocation and place it in the middle of the footer. I am seeking assistance with these issues and would appreciate it if someone could take a look at my website and provide feedback. Thank you.

Screenshot 1.png
Screenshot 1.png1348Ă—619 92.3 KB

Screenshot 2.png
Screenshot 2.png1323Ă—605 121 KB

Screenshot 3.png
Screenshot 3.png1352Ă—608 96.6 KB

2

Hi @fashiondeals

Would you mind to share your Store URL website? with password if its protected. Thanks!

3

Thanks for the prompt response, here is my website:https://classycharmz.com

, and the password is: skeath

4

Thank you for the information. Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • 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:

First: a blue line on the top of the mobile menu.

.mobile-nav>.mobile-nav__item {
    background-color: transparent !important;
}

Result:

Made4uoRibe_0-1693847071395.png
Made4uoRibe_0-1693847071395.png299Ă—469 5.04 KB

Second: add some color to the boxes in the checkout. Clarification, which boxes you like to add color? It is the whole box of cart? If it is try this.

div#CartDrawer {
    background: red;
}

Note: You can change the color you like.

Result:

Made4uoRibe_2-1693847380617.png
Made4uoRibe_2-1693847380617.png545Ă—539 35.1 KB

Third: The geolocation and place it in the middle of the footer.

.md-footer-selector__content {
    position: absolute;
    top: 83%;
    right: 45%;
}
.md-footer-selector__container {
    background-color: #d8e7cf;
}

Result:

Made4uoRibe_3-1693847877369.png
Made4uoRibe_3-1693847877369.png1362Ă—366 32.6 KB

And Save.

I hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

Thanks for the fast response, however, the three solutions did not work for me, i still have the blue line, the geolocation is still at the bottom also the checkout color I was unable to change it. Thanks

6

Thank you !