Round logo on apple mobile

Hi,

For a client of ours we have a round logo setup in the header via the header builder. On both desktop and samsung mobile this looks fine, but on Apple phones the logo is not displayed correctly. Please see attachement.

How can this be fixed?

Looking forward to your reply.

Best,
Amanda

Attachments:

You must be logged in to view attached files.

Hello,

This bug has been already fixed. Please, update the theme to the latest version 6.0.2, and clear the browser cache.

Kind Regards

Hi,

Thanks! The template is updated and the cache is cleared. In the browser cache we can see that the word “menu” is disappearing next to the mobile menu in the new version. When the word ‘menu’ is still there, the logo is showing fine. Once the word ‘menu’ is gone, the logo is shown incorrectly.

As said, the template is updated and the browsercache is cleared.

Looking forward to your reply.

Best regards,
Amanda | Madoo

Attachments:

You must be logged in to view attached files.

Hello,

Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it?

Thank you in advance

Hello,

I create a staging location: https://www.nagellak.nl/staging/
I disable all plugins, no result.

Hello,

As we can see, it works correctly on the staging website https://gyazo.com/30375ee6b0b8cb82ae46a496d9afffb0

Kind Regards

please check samsung browser(chrome browser is okay), but how can we add the text “Menu”?

Try to add the following code snippet to the Custom CSS area for mobile devices in Theme Settings

body .wd-header-mobile-nav.wd-style-text .wd-tools-text {
    display: block;
}

The bug with logo image will be fixed in our update that is going to be released today.

thanks, text “menu” is back. but logo is not round in samsung browser and google chrome browser logo is round but not in the middle.

both on mobile phones.

Thanks, but so far no results on the logo in the mobile header… On all browsers it seems that the logo is outlined on the left (while it should be in the middle).

Also, on the Samsung browser it’s still cropped (to an egg-shape) while it should be round.
Please see attached images.

Could you please check again?
Thanks!

Attachments:

You must be logged in to view attached files.

The bug with logo image will be fixed in our update that is going to be released today.

Hello,

we have update the theme, but logo is not round on IOS(Apple) mobile devices.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue. We are sorry for the inconvenience.

body .whb-sticked .wd-switch-logo .wd-sticky-logo, .whb-clone .wd-switch-logo .wd-sticky-logo {
 display: block;
}

[Author]

Posts