How to move the top menu text/buttons to the right? Debut Theme

Hello guys!

Can you help me with something, please? I want to align my top menu buttons to the right instead of being in the center. I want to move them as much as possible to the right, closer to the search button and the rest. Thank you!

Link : www.classygirl.store

1 Like

@ikim23

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 750px){
.site-header nav#AccessibleNav { width: 100%; }
.site-header .site-nav{ text-align: right !important; }
}

Hope this works.

Thanks!

1 Like

Hello and thank you for your help. Unfortunately, it hasn’t been any changes. Any other option? Thank you again!

1 Like

@ikim23

The given code is correct. The problem is with CSS code with the closing bracket. Please check the screenshot below and add the bracket accordingly.

All will work fine.

Thank you so much, is working now. One more thing if possible, please. Is there any way to reduce the space/gap between the menu texts/buttons and the other icons? Thank you!