[Support request] Mobile Navigation Not Working

[Vincent]

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!!

[Leo]

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.

[Vincent]

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!

[Leo]

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;
    }
}

[Author]

Posts