Having issues with Dawn Theme Mega Menu ( 15.1.0 )

[dreamtechzone_5]

Hello Everyone!

I am using Shopify Dawn Theme 15.1.0. I have added image to megamenu by coding. In desktop mode it is fine but in mobile mode it looks like this. How do I fix this? Please help me. Thank you very much.

https://dream-tech-zone.myshopify.com/
Password: Admin

[BSSCommerce-HDL]

Hi @dreamtechzone_5, I think it's missing these files in the snippets folder

[dreamtechzone_5]

It worked.  Thank you very much. One more thing, how to keep the icon left arrow in mobile mode?

[BSSCommerce-HDL]

Hi @dreamtechzone_5, Can you give me the arrow icon code?

[dreamtechzone_5]

This?

[BSSCommerce-HDL]

@dreamtechzone_5 Yes, Exactly😍

[dreamtechzone_5]

<svg
viewBox="0 0 14 10"
fill="none"
aria-hidden="true"
focusable="false"
class="icon icon-arrow"
xmlns="http://www.w3.org/2000/svg"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

[BSSCommerce-HDL]

@dreamtechzone_5 , You only want that icon for this section, right?

[dreamtechzone_5]

When I click on the menu and back again the icon arrow shows right. Does not show on the left side.

[dreamtechzone_5]

When I click on the menu and back again the icon arrow shows right. Does not show on the left side. I want to keep it this way. But not this icon. The icon that is added to the dropdown menu.

[BSSCommerce-HDL · Accepted solution]

Hi @dreamtechzone_5, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.menu-drawer__close-button svg {
    transform: rotate(180deg);
    margin-right: 10px;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[dreamtechzone_5]

Wow It worked! Really you are great. Thank you very much.

[BSSCommerce-HDL]

@dreamtechzone_5, No problem. Glad to help you 😍