Logo stretched on mobile view - shapely

Hello, firstly I want to say thank you for a beautiful theme.

I have my logo set to a custom size - it views perfectly on desktop and tablet, but is stretched horizontally on mobile view.

I have searched the forum for a solution but nothing I have found works. Help would be really appreciated.

website: http://alphazuludesigns.com/

Thank you

Hi @francescajsullivan,

I hope you are well today and thank you for your question.

I visited your shared site on mobile but doesn’t see logo stretched as shown in the attached screenshot.

I couldn’t confirm the issue on your site but to resolve it could you please try adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#site-navigation .module.left {
    height: 55px !important;
}

Best Regards,
Movin

Hi Movin, thanks for coming back to me so quickly.

Still no luck i’m afraid, the CSS code still shows the logo stretched in mobile view, but also makes the logo drop outside of the header area on desktop.

I’ve attached a screenshot of my mobile view, displayed on iPhone 6.

Thank you.

Please try using below CSS code instead of above CSS code.

@media (max-width: 991px){
#site-navigation .row > .module.left a {
    height: 55px !important;
    width: 115px;
}
}

Also use the different browser on your phone to check whether it is browser issue.

Hi Movin,

That code has worked perfectly, you’re a superstar!

Thank you.

You are most welcome here :slight_smile:

Hi Movin.
I tried the above and the logo still seems to stretch on both chrome and safari in mobile view, on some pages… My site is brand6.com
Thank you for the help.
Paul

@Paul This is old topic and recently we have made major changes in the theme so to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/shapely instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.