Archived topic
Style problems with main menu
5 replies · Started by Pedro on May 19, 2019
Hello! I hope you are well, I would like you to please help me with the following:
- In the main menu, the cart and search icons appear very far to the right, when I have chosen that the menu appears centered. Here you can see a screenshot: https://www.dropbox.com/s/ruhv1ah2t96tnfq/Captura%20de%20pantalla%20de%202019-05-19%2018-53-17.png?dl=0
Previously you had given me a CSS code to move the cart icons and place search, which is:
@media (min-width: 769px) {
.sf-menu>li.search-item,
.sf-menu>li.wc-menu-item {
float: right !important;
}
}The other thing that I would like to do, is to add a line before the main menu (as it appears in the template "Target")
Thank you!
Hi there,
remove that CSS as it won't work with a centered navigation. And use this instead:
@media (min-width: 768px) {
.main-navigation ul {
display: flex;
justify-content: center;
}
.main-navigation li.wc-menu-item {
order: 100;
}
}Hello david! It worked perfectly, thank you very much!
Regarding the line before the main menu (by the way, the template is "Seller", not "Target")
How can I add it?
Thank you!
Try this:
.site-header {
border-bottom: 1px solid #cccccc;
}Thank you so much!
You're welcome
