[Liu Kit Yu]

I embedded ecwid in wix. Horizontal category is successful to place on top. However, horizontal category is at the bottom in mobile device. How can I solve it?

Below please find my css code and webpage.

.horizontal-desktop .horizontal-menu {
position: fixed;
top: 70px;
left: 8;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 5px;
margin-top: 5px;
width: 950px;

}

table.ecwid-productBrowser-subcategories-mainTable {
display: none;
}
div.ecwid-productBrowser-categoryPath {
display: none;
}

https://www.hairgroundhk.com/onlinestore

Many thanks!!!!!!

Cyn

[Una Q]

Hello Cyn,

Una here, Ecwid Customer Care team. Thank you for reaching us out!

I see what you mean. I checked your store on my mobile devise and indeed, the menu is at the bottom of a page now. In order to fix it and move the menu to the top, you just need to apply the following CSS code:

.horizontal-menu-container.horizontal-mobile .horizontal-menu-button {
    position: fixed;
    top: 0;
    left: 0;
    width: 800px;
}

Please copy the code and paste it in your current CSS theme in Ecwid control panel->Settings->Design->Edit Theme, please remember to save the changes.



I hope this will help! If you have any further questions, please feel free to ask. We will be glad to answer and assist.

Best regards,
Una Q.
Ecwid Support Team