Menu on iPhone issue

Tagged: iPhone menu issue

This topic has 29 replies, 3 voices, and was last updated 5 years, 5 months ago by Skandha.

Viewing 20 posts - 1 through 20 (of 30 total)

1 2 →

Author

Posts
January 17, 2019 at 6:22 pm #163824

RodeBoy
Participant

I have just updated to version 2.0.2 and was pleased to see that the update addressed the issue with the menu on smaller devices but it is still not displaying correctly on my iPhone.

I recently purchased this theme and am trialing it out on my own website at https://www.domainline.co.uk/ before using it on some of my customers sites. I accept that my site does not show off all the features of the theme, but I am using it to become familiar with possible features etc.

Anyway, could you please provide guidance on the menu issue please?

Many thanks, Chris

January 17, 2019 at 11:22 pm #163843

Skandha
Participant

@rodeboy: Hello Chris,
Can you let me know which model of Iphone you are using also Can you attach me a screenshot of the issue you are having with them menu?

Kind Regards,
Skandha

January 19, 2019 at 10:22 am #163959

RodeBoy
Participant

Hi Skandha, I use an iPhone 8 Plus, although it is the same on my wife’s iPhone XR.

When i click the burger menu it just fills the screen and doesn’t give me the part f the website requested. I hope that makes sense!

January 19, 2019 at 10:31 am #163960

RodeBoy
Participant

P.S. It works fine on my laptop

January 21, 2019 at 3:17 am #164060

Skandha
Participant

@rodeboy: Can you please attach me a screenshot of the mobile menu issue you are having?

Kind Regards,
Skandha

January 21, 2019 at 9:33 am #164074

RodeBoy
Participant

I am unable to see how to attach an image to this post. Skandha, please see Messenger!

Thanks as always, Chris

January 24, 2019 at 1:09 pm #164364

RodeBoy
Participant

Any thoughts on this Skandha? Thanks.

January 26, 2019 at 6:48 am #164458

Skandha
Participant

@rodeboy: Hello Chris,
I got the issue you are having. I will see what can be done about this and will update you on this. Also please update your theme to the new version update and let me know if any issue arises.

Kind Regards,
Skandha

January 27, 2019 at 2:30 pm #164501

RodeBoy
Participant

Thanks Skandha. I have updated the theme and can’t see any new issues. The problem with the menu on mobiles is still there, plus in addition the background image in the Promotion headline section on iPhone is zoomed right for some reason (not a new issue to the update). Again, it displays fine on my laptop.

Regards,
Chris

February 3, 2019 at 7:42 am #165034

RodeBoy
Participant

I have just updated to version 2.0.4 and still have the same issue. Is it still the same for you Skandha?

February 5, 2019 at 2:58 am #165154
Skandha
Participant
@rodeboy: Hello Chris,
Can you try using the following CSS Code and check if the issue with background on iPhones is resolved.
```
@media handheld, only screen and (max-width: 668px) {
    #fullpage .section{ 
     	background-attachment: scroll;
    }
}
```
Let me know if the issue persists.
Kind Regards,
Skandha
February 5, 2019 at 9:43 am #165184

RodeBoy
Participant

My site already had this CSS coding in there which I thought was totally strange. Then I found this https://catchthemes.com/support-forum/topic/catch-full-screen-pro-the-header-is-not-responsive/

I can see that is where the coding came from, so I am not going mad! That all said, the problem is still there (as is the menu one)

Look forward to hearing from you soon as I would like to use this theme on a new website I will be building for a customer in a couple of weeks.

Thanks Skandha,

Chris

February 6, 2019 at 6:36 am #165266
Skandha
Participant
@rodeboy: Hello Chris,
I seem to have finally figured out the issue with the promotion headline section background on iPhones.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#promotion-section .post-thumbnail-background {
	display:none;
}
```
Let me know if this solves the background issue.
Kind Regards,
Skandha
February 6, 2019 at 6:56 am #165267

RodeBoy
Participant

Works a treat treat Skandha. Thanks.

Look forward to a solution to the iphone menu issue.

Regards, Chris

February 6, 2019 at 11:23 pm #165322

Skandha
Participant

@rodeboy: Regarding the background issue you can use the above CSS code as a temporary fix. The issue has been fixed and a theme update will be released soon.

About the menu issue on iPhones we are working on it to make it look better. I will update you on this.

Kind Regards,
Skandha

February 7, 2019 at 2:28 am #165332

RodeBoy
Participant

Thanks for the update Skandha. From my point of view I’m glad it doesn’t appear to anything i’ve done!

February 12, 2019 at 11:42 am #165711

RodeBoy
Participant

For your info Skandha I have updated to 2.0.5 and then tried to remove the code you supplied but the background issue returned. So I have re-applied the code.

February 12, 2019 at 11:46 pm #165741

Skandha
Participant

@rodeboy: Hello Chris,
I checked your site and even with out the CSS I provided you the promotion headline section was showing up fine on iphone. Maybe it is a cache issue. Can you try clearing your browser cache and check if the issue is resolved after theme update?

Kind Regards,
Skandha

February 14, 2019 at 7:51 am #165845

RodeBoy
Participant

Yep, you were right (of course!) All good now.

Any updates on the menu issue? Is it just my site, as the demo version doesn’t seem to behave in the same way.

Thanks as ever Skandha.

Chris

February 20, 2019 at 6:06 am #166228

Skandha
Participant

@rodeboy: Hello Chris,
The menu covering the whole screen in mobile phones no matter the number of menu items was made to solve the background scroll issue when the menu was opened in mobile phones. So I don’t think much can be done about the menu issue.

Apologies for the inconvenience.
Kind Regards,
Skandha
Author

Posts