Inline fixed setting

[lorax]

Hey Guys,
I was following Josh’s video on building a Mega Menu https://www.youtube.com/watch?v=8_VsXYSlHH4

In the section about setting the width of the dropdown to 100% (around 10 minutes) he talks about the Inline Fixed setting and that when you turn it on, the dropdown should span the width of the screen 100%.

In my situation, it doesn’t quite work that way - I end up with a gap at the left edge of about 75px when I open the dropdown.

A look at the code, and I see there’s an element.style (on the dropdown)

setting that changes from inset: 31px auto auto 0px; when the Inline Fixed is NOT set. But when it is, inset IS set it changes to: 82.5px -74.2344px auto auto; This is when I see a gap on the left hand side of the dropdown. When I change the -74.2344px to 0. The dropdown spans the full width as it should.

I’ve looked through my settings to see if I have something set that I shouldn’t have but it looks like everything is setup correctly. So my question is, what might be causing the gap, what controls that 74.2344px setting, and can I change it or is the solution that I need to override it with CSS of my own?

URL: https://foamlamina1stg.wpenginepowered.com/ (Products)

[ruenel]

Hey Gregg,

Thanks for the detailed post information. Regretfully, the given WP Access is not working for us. Would you mind double-checking it so we can log in and troubleshoot your Dropdown settings?

Best Regards.

[lorax]

Hey @ruenel,
Sorry 'bout that. I think I’ve got it updated. Please try again.

Best,
Gregg

[christian]

Hey @lorax.

I don’t see the issue on my end. Can you tell us how we can replicate it?

[lorax]

Hi @christian,
Click on the nav item “Products” and you’ll see the blue box for the dropdown background. That’s where you’ll see it.

[christian]

Hey @lorax,

I have replicated the issue in my test site. For now, while I queue this for further investigation, please add the following code to your Bar’s Element CSS.

$el .x-dropdown {
  left: 0 !important;
}

[lorax]

Thanks @christian. Much appreciated.

Gregg

[prakash_s]

You are most welcome, @lorax