[hitsheetsParticipant]

Hello.

Im using he Integrity-7 theme. Love it so far (just installed today). I have 2 questions, however:

1. Is it possible to remove the “search bar” from the top menu (the magnifying glass)? How would I be able to do it?

and

2. Is it possible to add the “3 line” menu icon (which is used for mobile devices), to the main page menu?

Thank you for your help.

[John EzraMember]

Hi there,

Thanks for writing in! You can switch off the navbar search in the customizer.

Appearance > Customize > Header > Search >> select off.

For number 2. Would you mind clarifying a little what you would like to do with the icon?

– Are you just wanting it on the menu? If so where would you want it?
– or Do you want the mobile menu to replace the main navigation for all screen sizes?

Hope this helps – thanks!

[hitsheetsParticipant]

Thanks for the reply.

The 1st one (search bar) solved the issue. Thank you!

For #2: I would want it on the menu. Don’t know which side yet (left or right). For an example… look at either http://uber.com or http://chase.com, using a computer. The 3 horizontal bars (representing the menu) appears. When you click it, the menu items come up. I would also want that for my main page as well for the main computer screen. (The mobile theme already has it. That’s why i want for the main computer/desktop site).

Thanks.

[hitsheetsParticipant]

Last sentence CORRECTION:

*(The mobile theme already has it. That’s WHAT i want for the main computer/desktop site).

Thanks.

[Paul RModerator]

Hi,

To achieve that, you can add this under Custom > CSS in the Customizer.

body .x-nav-wrap.desktop {
     display:none;
}

body .x-btn-navbar {
     display:block;
     float:right;
}

body .x-nav-wrap.mobile {
    display: block;
}

Hope that helps.

[hitsheetsParticipant]

Yes that did work. Thanks once again! But now i have 4 more questions (and hopefully final ones):

1. How can i darken the “shade” of the new nav button you’ve given me (if possible)?

2. When I click the new nav button on my site, the menu items appear on the LEFT side. Is it possible to put the menu items on that page on the RIGHT side (instead of the left)? My site is http://hitsheets.com/

3. Now when my site loads, the menu options automatically appear — as if the new Nav button has already been clicked. I want it to NOT show the menu items when my site loads, but only when i click the button.

4. Even with the new nav button you’ve given me (via CSS), can I still put menu items on the page, right near the new button? (http://chase.com has menu items right near that 3-lined nav buton…i would like that for my site also).

[LelyModerator]

Hello There,

Upon checking your site(http://hitsheets.com/) I can only see a text We are coming!.
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[hitsheetsParticipant]

Yes try it again. It was on “Coming Soon” mode via a wordpress plugin i had.

[hitsheetsParticipant]

This reply has been marked as private.

[RupokMember]

Hi There,

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[hitsheetsParticipant]

Hmm okay. Thank you.

How can i consult with one? These changes are pretty important.

[ChristopherModerator]

Hi there,

You might want to contact our trusted partners who caters X setup and customization needs.

Please check : https://community.theme.co//custom-development/

Hope that helps.

[hitsheetsParticipant]

Okay.

Thank you for all your help.

[LelyModerator]

You’re welcome.

[hitsheetsParticipant]

Hello.

Earlier in this thread, I you showed me the code for the nav bar (with the 3 horizontal lines). It works in Firefox and Chrome. However, it does not work in IE 10 & 11 (so its a cross-browser issue). Is there a code to fix that issue?

Thanks.

[Author]

Posts