Logo overlapping and not centered

[Brecht Verhelst]

Hey,

 

when I open my site (dentus.be) on my mobile or put it in a small window on my computer the logo overlaps like in the picture and the logo is also not in the center anymore. Which file should I edit and what would be the best solution? 

 

Thank you in advance!

kind regards

brecht 

[Nishith Nesdiya]

Hi..

you need to modify your themes css file here is path of your css file "themes/classic/assets/css/theme.css"

 

find these code under 

@media (max-width:767px){

#header .header-nav .top-logo {
    line-height: 50px;
    vertical-align: middle;
    width: 200px;
    margin: 0 auto;
    text-align: center; //add this code
}

}

 

Thanks

 

[JBW]

If you use classic theme on 1.7. I would recommend to adjust custom.css instead of themes.css to avoid issues in theme updates.

[Brecht Verhelst]

Hey,

 

thanks for the answer! 

Yes but the problem is when I change something from custom.css or theme.css nothing happens? 

[Nishith Nesdiya]

On 10/19/2018 at 4:35 PM, Brecht Verhelst said:

Hey,

 

thanks for the answer! 

Yes but the problem is when I change something from custom.css or theme.css nothing happens? 

 

Clear the cache in prestashop admin one time 

Thanks

Edited October 24, 2018 by Nishith (see edit history)