menu Button disappears

menu Button disappears

Levi123
Shopify Partner
10 1 8

Website :https://velle-beauty.myshopify.com/
Password:skewlo

for its homepage ..

Screenshot 2024-12-30 at 11.53.30 AM.png

the menu looks like this ..but "benefits, ingredients and Social" is directed to a section on that homepage

Screenshot 2024-12-30 at 11.55.27 AM.png


if i click on about or shop page this menu links"benefits, ingredients and Social" would disappear 


how can i fix this ASAP?

 
Replies 6 (6)

rajweb
Shopify Partner
545 47 104

Hey @Levi123 ,

Thank you for reaching out! Based on the issue, updating your menu links to dynamically redirect to homepage sections should resolve it. Please send me a message via email so I can assist you further. With over 6-7 years of experience, I'd be happy to help you resolve this efficiently.

--Alternatively, if you'd like to handle it yourself, here’s a quick solution you can apply via code:

Follow These Steps:

1. Online Store 

2. Themes

3. Edit Code

4. In your theme.liquid file, paste the following code before the </body> tag:

<style>
   li.menu-lv-item.menu-lv-1.text-left.no-megamenu {
      display: inline-block !important;
   }
</style>

I hope this helps! Looking forward to hearing from you—thanks!

 

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com
Levi123
Shopify Partner
10 1 8

Thanks ..it worked

 

rajweb
Shopify Partner
545 47 104

@Levi123 ,

Glad to hear my solution worked for you! I'm happy I could help. Please don't forget to like and mark it as the Solution – it would be greatly appreciated!

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com

websensepro
Shopify Partner
1844 214 260

Hi @Levi123 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.menu-lv-item {
    display: inline-block !important;
}

Result:

websensepro_0-1735557966279.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

Dan-From-Ryviu
Shopify Partner
10791 2134 2253

Hi @Levi123 

Please go to your Online Store > Themes > Customize > Header, check if Sticky header option is On scroll up, change it to Always, save settings. 

Or add this code to Custom CSS in Online Store > Themes > CUstomize > Theme settings 

@media (min-width: 1025px) {
    .section-header-navigation {
      top: -30px;
    }
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Tech_Coding
Shopify Partner
504 128 126

Hello @Levi123 

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>
   li.menu-lv-item.menu-lv-1.text-left.no-megamenu {
      display: inline-block !important;
   }
</style>
RESULT:

Tech_Coding_0-1735558750138.png

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

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.