Site logo

Archived topic

Mobile Navigation Not Working

3 replies · Started by Vincent on October 16, 2017

Viewing posts 1–4 of 4

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;
    }
}
This archived topic is closed to new replies.