Return to previous page

Final Remaining UI Issues: Horizontal Scroll on Input Focus & Header Menu Cropping

This topic has 5 replies, 3 voices, and was last updated 1 week, 4 days ago ago by Tony Rodriguez

regencycigaremporium

Participant

January 15, 2026 at 14:23

Hello XStore Support Team,

Following the successful resolution of the previous items (thank you again for the excellent support), we’d like assistance with the final remaining UI issues we are seeing on the site. Screenshot references are included below in the private content area.

1. Horizontal Scroll Appears When Typing in Input Fields (Zoomed View)

When entering text into form fields and the browser is zoomed in, horizontal scrolling appears after input focus. The layout overflows sideways only once the user starts typing.

This seems to be triggered by an element exceeding the viewport width on focus.

Could you please advise:

Whether this is caused by an XStore container, input, or responsive breakpoint style
The recommended way to prevent horizontal overflow on input focus
Any theme-level CSS or settings we should adjust

2. Header Menu: “Cigars” Dropdown Still Cropped

The “Cigars” dropdown menu in the header is still being cropped and does not fully display its contents.

Could you please advise:

Whether this is related to header height or overflow settings
The recommended theme-level fix to ensure the dropdown always displays fully

These are the final UI-related issues we are working to resolve, and your guidance would be greatly appreciated.

Thank you again for your continued support.

Best regards,

Regency Cigar Emporium Team

Content is visible for topic creator and
support staff only.

#464276 Copied

4 Answers
Jack Richardson

Support staff

January 15, 2026 at 18:47
Hello @regencycigaremporium,

We have checked the checkout page for the reported issue, but we were unable to reproduce it on our end: https://gyazo.com/af35d69c5a0ba812ba6d2108860aa36a.
If the issue persists on your side, please provide detailed steps on how we can reproduce it.

Additionally, please note that the issue might be caused by the width value set for one of the widgets in the page content (possibly in your footer) being greater than 100% in the Elementor editor. You can check this under: Elementor editor -> Widget → Advanced → Layout. Please reset this value or set it to a maximum of 100%.

2/ Please try using the following custom CSS:

@media only screen and (max-width: 1450px) { .etheme-elementor-header-sticky .nav-sublist-dropdown.etheme-elementor-nav-menu--dropdown-mega { max-width: calc(100vw - 17rem - 30px); padding: 0 20px; max-height: calc(100vh - 220px); overflow: auto; } }

Frontend result: https://prnt.sc/a5KWeHd-0PTC

For more information about adding custom CSS, please refer to:
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best regards,
Jack Richardson
The 8Theme’s Team
#464293 Copied
regencycigaremporium

Participant

January 16, 2026 at 08:59

Hi Jack,

Thank you for the guidance and the CSS solution. We’ve applied your recommendations, and everything looks good on our end now.

Appreciate the excellent support. We’ll mark this as solved.

Best regards,

Regency Cigar Emporium Team

#464311 Copied

regencycigaremporium

Participant

January 16, 2026 at 09:00

Thanks for the support! My topic “Final Remaining UI Issues: Horizontal Scroll on Input Focus & Header Menu Cropping” has been successfully resolved.

#464312 Copied

Tony Rodriguez

Support staff

January 16, 2026 at 09:00

Dear regencycigaremporium,

Thanks for being part of our WordPress & WooCommerce community!

We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

Leave Feedback →
(takes less than a minute)

Together, we’re shaping a better WooCommerce experience for everyone.

Topic closed.
The 8Theme Team

#464313 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Final Remaining UI Issues: Horizontal Scroll on Input Focus & Header Menu Cropping’' has been successfully resolved, and the topic is now closed for further responses

Final Remaining UI Issues: Horizontal Scroll on Input Focus & Header Menu Cropping

Explore our best WordPress WooCommerce Themes collection