remove items from menu

[Daniel19901]

Hi, can anyone help me to remove these texts from my Shop dropdown menu without removing anything else?

and remove the slider for the section from the other screenshot in mobile (banners)?

https://mxg8tzyw9upvjovw-86206251333.shopifypreview.com
Header shop dropdown

Shows slider on mobile

[Tech_Coding]

Hello @Daniel19901 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   header .hdt-menu-col.hdt-custom-col-12.hdt-menu-has-4 {
     display: none !important;
  }
@media (max-width: 767px)
  .sm\:hdt-snap-flex {
      flex-wrap: wrap !important;
   }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Daniel19901]

@Tech_Coding thank you, but it didn't work 😞 

[Tech_Coding]

can you share URL again?

[Daniel19901]

@Tech_Coding https://18ot76apicb7fr5p-86206251333.shopifypreview.com

[Tech_Coding · Accepted solution]

@Daniel19901 

@media (max-width: 767px)
  .sm\:hdt-snap-flex {
      flex-wrap: wrap !important;
   }
}

Please replace above The code with this:

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
  hdt-scrollsnap.hdt-banner_wrap.hdt-row-flex {
       flex-direction: column !important;
       flex-wrap: wrap !important;
     }
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Sangeetanahar]

hello @Daniel19901 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->theme.css

add the code bottom of the file

@media screen and (min-width: 750px) {
.hdt-custom-col-12 {
width: 100%;
display: none;
}
}
@media only screen and (max-width: 749px) {
.hdt-container {

display: none;
}

}

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->base.css...>line number 886
remove the code

.hdt-section-spacing {
     padding-top: calc(var(--section-pt)* calc(var(--section-prate, 75) / 100));
   padding-bottom: calc(var(--section-pb)* calc(var(--section-prate, 75) / 100)); 
}

If this was helpful, hit the like button and accept the solution.
Thanks