Footer Menu Alignment

[jonathanrockett]

Hi Guys,

I’m trying to figure out why my footer dropdown menu aligns with the Left side of the parent item on desktop screen widths, but aligns with the Right side of the parent item at mobile widths:

https://skytechdev.sizzlingdigital.com/

You can see it live, but also here’s a screenshot at desktop:

And here’s a screenshot at mobile, which causes the dropdown to overflow the Left side of the screen:

Thoughts?

[nabeel]

Hi @jonathanrockett,

Thank you for reaching out to us. The dropdown menu calculates the space and position before rendering as you see in desktop screens the dropdown appears aligned with the parent menu item as normal since it had a lot of space.

Similarly in the mobile screens the menu doesn’t have much space to be aligned with the parent menu item so it tries to align with the right side of the parent item.

Hope this helps!

[jonathanrockett]

Thanks @nabeel, although that doesn’t really help solve my problem…

Here’s a mobile screen shot of another site I built with PRO, same stack (pretty much the same everything) and it does not have that problem (https://pmtvideo.com):

In fact, the parent menu item on the pmt site is even farther left on the mobile screen than the one I’m having the issue with…

What do you suggest?

Thanks again,

-Jonathan

[jonathanrockett]

UPDATE:

Problem solved - I just made the dropdown menu narrower

[ruenel]

Hey @jonathanrockett,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.