Search Bar Overlapping Right Navigation Menu (Turbo Theme)

Store Design
1

Hello, everyone. I am having an issue with my search bar (aligned right) overlapping the right navigation menu links. This is causing a problem where visitors see the links but can’t click on them unless they navigate to a small corner. Please help!

I am using Turbo Portland. Thank you!

2

@chiefgorilla

Please share store URL!

Thanks!

1 Like
3

Just sent you a PM

1 Like
4

@chiefgorilla

Please Go to Online Store->Theme->Edit code then go to assets/ styles.scss.liquid ->paste below code at the bottom of the file.

.search-enabled--true.logo-align--center:not(.menu-position--block) .search-wrapper {
    width: 205px !important;
}

Thanks!

5

Thanks so much, this fixed it! The only issue remaining is when I scroll down the page, the issue happens again.

6

@chiefgorilla

Please remove previous css and try this new css

Please Go to Online Store->Theme->Edit code then go to assets/ styles.scss.liquid ->paste below code at the bottom of the file.

.search-enabled--true.logo-align--center:not(.menu-position--block) .search-wrapper {
    width: auto !important;
}

Thanks!

7

It worked! Thank you very much!!