Centralize Logo only phone version

Hi,

Write below CSS rules into custom CSS editor:

@media only screen and (min-width: 200px) and (max-width: 600px) {
.logo img {
height: auto !important;
width: 100% !important;
display: block;
}
}

Now save the changes.

Thanks

Thank you very much… But Dont work yet!!
I tryed to change various options, but I not found yet

What is I doing error?

thank you

https://www.oliveiragastronomia.com.br

Hi,

Its working fine on my site.

I think you are already using custom CSS so it may be conflict.

So please insert above code starting of the Custom CSS Editor:

And save the changes.

Thanks

Please.

look at link
link

Logo hold in left side!!

I would Like centralize..for mobile version

thanks

Hello mpadox,
Hope you are doing well!

Please paste the following code at the the end of your style.css file and save it.
@media only screen and (min-width : 310px) and (max-width : 499px) {
.img-responsive{margin:0 auto;}
}

I hope it will bring your site’s menu in center only for mobile viewport.
Do not hesitate to ask further queries.
Cheers!

thank you very much!!!

but not resolved yet!!

I am trying more options..but nothing…

best regards..

Hello mpadox,

Hope you are having good time!

Please try this code and i hope it will work certainly.
.header_section .img-responsive{margin:0 auto;}

Let me know, if does not work.
Waiting for your return?
Cheers!

not yet. sorry

Hello mpadox,

Did you use the above code inside @media query?? i.e. in the following way.

@media only screen and (min-width : 310px) and (max-width : 499px) {
.header_section .img-responsive{margin:0 auto;}
}

Hello mpadox,

I am seeing your site now, it is having the logo in center for mobile device. Please check it carefully. Clear your cache and then refresh you page.

details: I triyed other way…lol…

And…This code..changed logo position “only” in PC computer! but mobile not changed.
more: when I put in file “default.css” in head section..

other: in “style.css” nothing changed.

I dont know what to do more..

thanks

hi..news!!

this code changed mobile verion, but deslocated page full too :(image-responsive.css)

}
@media only screen and (min-width : 200px) and (max-width : 300px) {
.img-responsive{margin:0 auto;}
}
and chanded too in PC computer “browser chrome”..

more easy?

thanks

Thank you Vipin…

I changed now too. because this..you see centralized now!!