Title: Double scroll lines
Last modified: September 24, 2026

---

# Double scroll lines

 *  [esotericbookshop](https://wordpress.org/support/users/esotericbookshop/)
 * (@esotericbookshop)
 * [1 week ago](https://wordpress.org/support/topic/double-scroll-lines/)
 * I have double scroll lines on all pages except the home page and dashboard pages.
   On the cart page if change of address or country is activated the page won’t 
   scroll using the mouse button but you can use the pointer to move the scroll 
   lines. This only happens on computers not phones.
 * I have deactivated all plugins except WooCommerce and the lines are still there.
   Any ideas? I’ve checked the shipping details, doesn’t seem to be anything there,
   anyway it’s on ALL the product pages, however they scroll using the mouse button
   anyway.
 * I DON’T KNOW CODE …
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdouble-scroll-lines%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [shahzeen(woo-hc)](https://wordpress.org/support/users/shahzeenfarooq/)
 * (@shahzeenfarooq)
 * [1 week ago](https://wordpress.org/support/topic/double-scroll-lines/#post-19028144)
 * Hi [@esotericbookshop](https://wordpress.org/support/users/esotericbookshop/)!
 * Thanks for the detailed explanation. We’ve investigated this further and confirmed
   that the double scrollbar/extra space issue can occur when the navigation menu
   contains a large number of sub-menu items. We were also able to reproduce the
   issue with other menu items.
 * We’ve reported this as a bug to the Storefront development team here:
 * [Storefront bug report #2222](https://github.com/woocommerce/storefront/issues/2222)
 * We recommend adding a comment to that GitHub thread as well. This will allow 
   you to follow the issue and receive updates directly from the developers as they
   investigate and work on a fix.
 * In the meantime, you can try the following CSS as a temporary workaround:
 *     ```wp-block-code
       @media (min-width: 768px) {  .main-navigation ul.menu > li > ul,  .main-navigation ul.nav-menu > li > ul {    width: 600px;    column-count: 3;    column-gap: 0;  }  .main-navigation ul.menu > li > ul > li,  .main-navigation ul.nav-menu > li > ul > li {    break-inside: avoid;    width: 100%;  }}
       ```
   
 * Please note that custom CSS is outside our standard support scope, so we cannot
   guarantee that this workaround will work correctly with your specific menu setup.
   If it doesn’t resolve the issue, you would need to wait for the bug fix or consider
   creating the menu using mega menu plugin, which may handle a large number of 
   menu items differently.
 * Thanks again for reporting this and helping us identify the issue.

Viewing 1 replies (of 1 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdouble-scroll-lines%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

## Tags

 * [shopfront](https://wordpress.org/support/topic-tag/shopfront/)

 * 1 reply
 * 2 participants
 * Last reply from: [shahzeen(woo-hc)](https://wordpress.org/support/users/shahzeenfarooq/)
 * Last activity: [1 week ago](https://wordpress.org/support/topic/double-scroll-lines/#post-19028144)
 * Status: not resolved