[Support request] Mobile Layout Not Proper

[Aman Singh]

Hello,

In the screenshot, as you can see, I am facing a few issues that need to be sorted.

1. I need the logo on top & then the Mobile menu toggle below it, and the search box below. And in the center.

2. There is the light background color for the mobile toggle that I need to remove for the toggle and when the menu is open that time as well

3. On the iPhone 14 Pro Max, you can see the menu does not open properly.

I have provided you with temporary access. If you need to check directly, you can do it. The custom CSS is all in the child theme.

Thank you.

[Aman Singh]

I have used the below code to solve the 1st issue. Can you confirm if it’s the correct way or there is some other proper code for it.

@media (max-width: 768px) {
.has-inline-mobile-toggle .inside-header {
    text-align: center;
	display: block;}
}

[David]

Hi there,

1. that CSS is good.

2. Add this CSS:

.mobile-menu-control-wrapper .menu-toggle {
    background: unset;
}

3. Did you resolve this ?

[Aman Singh]

Thanks David for the quick reply.

The third one still not solved on Safari Browser. But working correctly in Chrome Browser.

[David]

Can you try opening the site in an incognito chrome browser and on a different network ?

[Aman Singh]

I tried and on Chrome browser it works perfectly.

The issue is on Safari browser (iPhone 14 Pro Max)

On iPhone 14 as well I checked and it works perfectly in Safari browser.

I have disabled the off-canvas and used the standard one because of the safari Issue.

[Ying]

Can you enable the off-canvas menu for mobile so we can test it on our mobile devices?

[Aman Singh]

I have submitted the login details. So you can enable it and check it if you want.

Right now I am travelling so I won’t be able to access my website for few days.

[Ying]

I see, as it’s not a staging site, we are not supposed to change any settings unless you grant us permission.

I’ll go ahead and do some testing, will let you know.

[Ying]

I’ve changed the setting, but no effect on the front end when logged out, it seems you have heavy cache on the server level.

You will have to clear the cache on the server before we can see the changes.

[Author]

Posts