Hello everyone!
I am using the Shopify dawn theme. When I click on Fruits, the submenu will show on the right. Also, I want to add hover instead of click, like the image below. Is it possible? Please help me. Thank you in advance.
Store: https://delicious-fruits-vegetables.myshopify.com/
Password: Admin
@dreamtechzone_5
Sorry you are facing this issue,
It would be my pleasure to help you.
its possible to make more customization in header section modification to current code and add new one take long time to this customization
It would be very helpful if you could give me the code and instructions on how I can do this. Thank you very much.
@dreamtechzone_5 yes sure if you re able to code you have try and modification your header code https://codepen.io/syahrizaldev/pen/WNmMmbK
Thank you so much.
It would be good for me if you could give me instructions on where to put the code.
@dreamtechzone_5 great
if you have able to Shopify liquid code modification you have try example link sorry but instructions its difficulty to step by step your work before any code change in Shopify? so you can easy change otherwise please don’t any code change
I used this code but when I click on the second menu after closing the first menu, the first menu shows.
details[open] .header__submenu.list-menu:not(.list-menu–disclosure){
position: absolute;
background: #fff;
box-shadow: 8px 4px 15px rgba(0, 0, 0, 0.08);
top: -1px;
left: 20rem;
width: 20rem;
}
.header__submenu.list-menu–disclosure .icon-caret{
transform: rotate(-90deg);
}
details[open] > .header__menu-item .icon-caret {
transform: rotate(-90deg) !important;;
}
@dreamtechzone_5 can you please 1st enable your mega menu in header section on theme customization
@dreamtechzone_5 yes please by default Shopify allow mega menu
https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus
I want the submenu to show on the right when I click on Fruits.
@dreamtechzone_5 can you please share your example store url so i will check and update you.
MTB / E-BIKE COMPONENTS Click on this menu.
Click on SPROCKET PACK and the submenu is showing on the right. I want to keep my menu exactly like this.
Yes, Sir. I want to keep my menu exactly like this.
@dreamtechzone_5 ok disable your mega menu simple dropdown with sub menu option select on theme setting and let me know
Done sir
Sir, are you there? I need your help. Please help me. Thank you.
@dreamtechzone_5 yes please try this code
.header__submenu .header__submenu {
position: absolute;
right: -231px;
background: #fff;
top: 0;
width: 230px;
}