justjilllauren

Site URL: http://collectorsquadron.com

Hi all. I feel like I am so close to getting my navigation menu working properly, but after trying tons of CSS and Javascript codes, I still can't figure out how to fix the bugs on desktop. Currently, the navigation menu is hidden and the hamburger menu is forced to show on mobile and desktop. I have used folders to set up a multi-level menu for my shop categories, but on the desktop version, the submenus and scrollbar are showing up over the content of the website. The menu is also making the social links disappear when open. Can anyone help me fix this??

Site: collectorsquadron.com (live site, no pw needed).

12 hours ago, tuanphan said:

Try adding to Design > Custom CSS

html, body {
	overflow-x:hidden;
}

Thanks, but I'm not seeing any change. Anything else I can try?

Hi, I'm using a similar code to the above but my content is shrinking smaller than it should. There is a lot of empty space on the right side even though my width is set to 100%. Any ideas on how to fix this?

This is the code I have now:

/* Stacked homepage summary */
@media screen and (max-width:767px) {
.sqs-block-summary-v2 .summary-item.positioned {
    width: 100% !important;
    position: static;
}
.sqs-block-summary-v2 .summary-item-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

site: collectorsquadron.com (no password needed - site is live)