Archived topic
Mobile Navigation Not Working
3 replies · Started by Vincent on October 16, 2017
Hello,
I'am hoping someone can help me.
I'm in the middle of creating a website: http://crustpizzacompany.co.uk
Currently the Navigation works fine on on Desktop but on mobile devices the Home Page will work but none of the other pages will.
Can someone please help me find a solution.
THANKS!!
Hi there,
Looks like the oval shape at the bottom of the page header background image is covering up the access to click the menu toggle.
This is the CSS I see from Elementor which is not responsive:
.elementor-9 .elementor-element.elementor-element-qzsjnry > .elementor-shape-bottom svg {
width: calc(200% + 1.3px);
height: 470px;
}
I would contact their support first to see if there is a solution.
Hello
Thank you for the quick reply..
I can adjust the height/width of the menu with no problem...
But still can't access the menu after the homepage, why am I able to access the menu from the homepage but not on any other page??
I have contacted elementor and waiting a reply also.
Thank you for getting back to me
Kind Regards!
It's the oval shape thing that's causing the problem. Not the menu.
For example, this CSS should be a quick patch to the problem:
@media (max-width: 768px) {
.elementor-129 .elementor-element.elementor-element-thgqhqo > .elementor-shape-bottom svg {
width: calc(200% + 1.3px);
height: 200px;
}
}