Flex Theme: How do you remove the Top Bar?

Store Design
1

Hi - Strongly considering buying the Flex theme from Out Of The Sandbox. I have been playing around with the trial version, and one thing is holding me back:

In the Theme Settings I have Header set to “Centered” so my logo is in the center of the menu in Desktop. However, the theme does not allow you to disable the Top Bar with this setting, it only allows you to disable the Top Bar if Header is set to “Classic”

Has anyone figured out a way to disable the Top Bar on desktop with a centered header?

Thanks!

(Separately, if anyone has any thoughts on Flex vs Prestige let me know.. narrow down my choice to these two).

2

@Zag4242 ,
FLEX is much more flexible than prestige. If the top bar is the only Issue you should reach out the Support before purchasing the theme.
Most of the time they help, you need to explain if you don’t want the top bar then where should they put the Basket/Cart menu or the Login/Account Menu.

Thank You!

3

@Muhammad_Ali_S

Thanks for the tip, I’ve reached out to support.

My only other complaint about FLEX would be that the menu turns into a hamburger menu after you scroll down. Hoping its not to difficult to custom code that.

4

@Zag4242

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

5

Hey

Try this CSS class.

Add code your assets/styles.css bottom of the file.

.header__icons {opacity: 1 !important;}
.top-bar { display: none !important;}

Thanks!

6

@dmwwebartisan

This code removed the Top Bar, however it also removed the shopping cart. Do you know how to remove the Top Bar without removing the Shopping Cart?

Thank you!

7

Hey

Please add the following code at the bottom of your assets/styles.css file.

.top-bar { display: none !important;}
.header__icons {
    visibility: visible !important;
    opacity: 1 !important;
    transition: visibility 0s linear,opacity .33s linear .1s !important;
}
8

@dmwwebartisan

Close! Only problem now is it brings back the Search (I have search Disabled), and it overlays it very close to the menu:

Zag4242_0-1621577534153.png
Zag4242_0-1621577534153.png334×146 11 KB

Thank you very much for your help so far.

9

@Zag4242

Code for disable search option.

Please add the following code at the bottom of your assets/styles.css file.

[data-show-search-trigger] * {
    pointer-events: none;
    display: none;
}