Solved Templates

Restora: problem displaying logo and menu on mobile

Asked by FREESERVIS 4 years ago Last activity 4 years ago

Hello,

I can't solve the problem with displaying the logo (deformation) and menu on mobile.

Regards, Milan!

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
4 years ago

Glad to know that. You can now close this post by accepting my answer.

4 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago · edited

Hi

Thanks for contacting us. Do you want it on centre?

-Regards.

FREESERVIS Asked this
4 years ago

Hello,

logo on the left, menu on the right.
The size of the logo is 226x81 px.

Example:

Regards, Milan

Mehtaz Afsana Borsha Staff
4 years ago

Hi

For menu use this custom CSS



@media (max-width: 768px){
#offcanvas-toggler .burger-icon{
    position:relative;
    left:65px;
}
}
@media only screen and (max-width: 1200px) and (min-width: 768px)  {
#offcanvas-toggler .burger-icon{
    position:relative;
    left:365px !important;
}
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

For logo resolution please use the same resolution on mobile too. Its size is 162*60 Please use same as your others image like desktop and tab.

FREESERVIS Asked this
4 years ago

Hello,

thank you for sending the css code. When I set F12 in Google, the size of the mobile logo is 150x80 px (see the attached image). So I tried to save the logo in 150x80 px format and now the logo is displayed O.K.

Best regards, Milan

Log in to reply.