How to Position Text Under 'Catalog

[ReviveShop]

Hello everyone

when I open our catalog, I would like the texts to be under 'catalog' and not in the center. And my next question is how can I change the black background to a white one? Does anyone have an idea and can help?

https://luviera.store/

password: bautso

[Rahul_dhiman]

Hello @ReviveShop 
Go to online store ----> themes ----> actions ----> edit code---->base.css ----> line number 3562
esarch this code

*, *:before, *:after {
text-align: center;
}

and replace with this code

*, *:before, *:after {
text-align: left;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[ReviveShop]

This kinda worked,but its completlty on the left now and not aligned like on your screenshot. Also is it possible to change background to white and font to black

[Rahul_dhiman]

Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-mega-menu.css
add this code at the end of the file.

.header-wrapper * {
    color: black;
    background: white;
}
.mega-menu__link:hover, .mega-menu__link--active {
    color: black;   
}
ul.mega-menu__list.page-width.mega-menu__list--condensed {
    width: 60%;
}
*, *::before, *::after {
    text-align: left;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[ReviveShop]

This is perfect on every site but on the Home page it looks like this:

 

[Rahul_dhiman]

Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

.header-wrapper * {
color: black !important;
}

result

Thanks