Remove button around sub menus

sibouss
Tourist
18 0 3

I added a custom code to my website to add a circular button around the last menu item. Although now, the button I added also shows up in submenus on mobile and I would like to get rid of it but keep the the button in the main menu bar. If anyone knows how, please let me know.

 

I've added screenshots to better explain the problem.

 

https://578f0e-a2.myshopify.com/ ; password; staoto 

 

Screenshot 2024-04-28 at 1.29.05 AM.pngScreenshot 2024-04-28 at 1.28.42 AM.png

 

 

 

Replies 15 (15)

pawankumar
Shopify Partner
514 66 91

Hi @sibouss 
Please put this code before the body closing tag </body>

 

<style>
.menu-drawer__inner-submenu  .menu-drawer__menu > li:last-child a {
     background: transparent;
    justify-content: flex-start;
}
</style>

 

Thanks!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan
sibouss
Tourist
18 0 3

where can I find this?

sibouss
Tourist
18 0 3

thanks this worked but can you check mobile now? for some reason the "iced" menu in the "men's" section seems off...

sibouss
Tourist
18 0 3

"women's" as well I just noticed... seems like there's still a button but it is transparent. Is there a way to completely remove the button on those submenus and make it look like the other menus while keeping the button on ONLY the main menu of "Current Giveaway"

pawankumar
Shopify Partner
514 66 91

In theme.liquid, please search for closing body tag, you will find it probably at the end of the file, and put this code there

Thanks 

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan
sibouss
Tourist
18 0 3

thanks yea i figured that part out, did you see my other replies? still trying to fix the sub menus

AnneLuo
Shopify Partner
480 98 96

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
   @media screen and (max-width: 749px) {
     .menu-drawer__navigation .menu-drawer__menu > li:last-child {
        display: none;
      }
    }
</style>


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
sibouss
Tourist
18 0 3

this removed the current button which I would still like to keep

Made4uo-Ribe
Shopify Partner
6035 1449 1787

Hi @sibouss 

Check 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:

 

.menu-drawer__navigation .menu-drawer__menu > li:last-child a{
	background: unset;
	border-radius: 0px;
	justify-content: left;
	padding-left: 0px;
}

 

And Save. 

Result:

Made4uoRibe_0-1714307547506.pngMade4uoRibe_1-1714307554279.png

 

 

 

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

 

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


sibouss
Tourist
18 0 3

this removed the current button, which I would still like to keep

Made4uo-Ribe
Shopify Partner
6035 1449 1787

Oh, its a bit confusing. So you like to remove the oneo n the menu. 

Check this one then. Same instruction. 

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:

 

.header .header__inline-menu .list-menu > li:last-child > a {
    background: unset;
    border-radius: unset; 
    } 

 

And Save. 

Result:

Made4uoRibe_0-1714333450896.png

 

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


sibouss
Tourist
18 0 3

nono... I would like to keep the green button where it says "Current giveaway"  and only have it there

 

I want to remove the green button in the submenus like "women's" and "iced" which appears on mobile✖️

Made4uo-Ribe
Shopify Partner
6035 1449 1787

So much confusing. 😆

Check this one. 

 

a#HeaderDrawer-jewelry-womens, a#HeaderDrawer-jewelry-mens-iced {
    background: unset;
    border-radius: 0px;
    justify-content: left;
    padding-left: 0px;
}

 

And Save. 

 

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


sibouss
Tourist
18 0 3

is there a way to make the code less specific to just "iced" and "women's"?

 

I plan on adding different menus and those are just placeholders at the moment. I would just like the button to stop appearing for submenus.

Made4uo-Ribe
Shopify Partner
6035 1449 1787

This last code is for the iced and woman only. As you can read the code i only call the specific one. Please, try it first. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com