Restora: Problem Displaying Logo And Menu On Mobile - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Restora: Problem Displaying Logo And Menu On Mobile

M

Milan

Template 3 years ago

Hello,

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

Regards, Milan!

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #83302

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #82719

Hi

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

-Regards.

0
M
Milan
Accepted Answer
3 years ago #82735

Hello,

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

Example:

Regards, Milan

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #83093

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.

0
M
Milan
Accepted Answer
3 years ago #83141

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

0