How can I translate my mega menu to different languages without altering the design?

Store Design
, , , ,
1

Hello Everyone , i would really appreciate it if you could help me with this ,
i have a mega menu for the English version of my store , but when i change the language to Turkish , the mega menu disappears and doesn’t look the same as my english mega menu .
I want this these changes to appear only on my desktop without altering mobile version , and i don’t want the English version of Mega Menu to change At all .
ps :
i know , the menu is there ,it’s clickable , the background color or the font should be changed , but the problem is i want it to look like the mega menu in english version , not just a little drop down menu . but like the english mega menu attached below,
is there anything i can do so that the Turkish mega menu looks like the english one as well ?
here is my Store Link : https://nersi-8194.myshopify.com/
I’m using Minimog Theme from Theme Forest.

Screenshot 2023-08-18 at 12.46.53.png
Screenshot 2023-08-18 at 12.46.53.png3024×536 58 KB

Screenshot 2023-08-18 at 12.47.10.png
Screenshot 2023-08-18 at 12.47.10.png3024×882 147 KB

2

Hi @Nersi

Please try this css

ul.sf-menu-submenu__items li{
background-color: #000 !important;
}
3

Hey, My name is Vppul.

I think the menu is there but its color is white, as its clickable and the menu is working.

Please try to change its color.

Thanks

4

Hi Vppul , thank you for your reply ,
yes i know , it’s clickable , but i want it to look like the mega menu in english version , not just a little drop down menu . but like the english mega menu.
is there anything i can do so that the Turkish mega menu looks like the english one ?

5

Hi Dbuglab, thank you for your reply ,
yes i know , the background is white and it should be black , but i want it to look like the mega menu in english version , not just a little drop down menu . but like the english mega menu that is shown in the picture above.
is there anything i can do so that the Turkish mega menu looks like the english one as well ?

6

@Nersi

Please use this css

body .sf-header header .sf-menu__submenu.sf-menu__desktop-sub-menu ul.sf-menu-submenu__items.flex.flex-col.w-full {
    flex-direction: inherit;
}
body .sf-header header .sf-menu__submenu.sf-menu__desktop-sub-menu {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #000;
    top: 50px !important;
    bottom: auto !important;
    transition: inherit !important;
    padding: 20px 0px !important;
}
7

Hello @Nersi ,

I suggest ask from the theme developer or read the theme documentation.
Theme author cant make this type of mistake.
Alternatively hire a developer so he/she can fix it.

Thanks

8

OMG thank you so much , it looks great now .
I appreciate your help .