Docs

[ejfiedler]

1) How do I put a search button in the top nav bar of ethos? I can turn the search on and off under “Customizing | Header”, but it always appears below the top nav bar. I’d like it to be in line with other buttons on the top nav bar.

2) The font used in drop-downs from the top nav bar id too small and too light. I’ve tried changing the settings in “Appearance | UberMenu | Style Customizations” and using CSS in Custom suggested by others I’ve found in various searches, but none seems to work.

Thank you in advance.

http://www.ejfsites.com/norcobar
WordPress 4.6.1–en
X Theme 4.6.2
Cornerstone 1.3.2

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (min-width:953px){
li.menu-item.x-menu-item.x-menu-item-search {
    float: right;
    padding-top: 19px;
}
.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target,.ubermenu .ubermenu-target-text {
    font-weight: 600;
    font-size: 20px;
}
}

Hope that helps.

[ejfiedler]

Excellent. With a little tweaking of weights and font-size, I achieved the look I needed. Thank you, Christopher!

Two more questions:

1) When I view the site on an iPhone or iPad and the “hamburger” menu appears in lieu of the full-screen menu, there is a thick black line at the top of the screen. Can I remove that line, or at least hide it by making it white?

2) Is there any documentation that covers the sort of tweaks to the menu and ubermenu you covered in my original questions?

Again, many thanks.

[Joao]

Hi There,

1 Please add the following code to Appereance > Customizer > Custom > CSS

.ubermenu-skin-white {
     border-top: 0px
     border-bottom: 0px
}

2 Here is the full Ubermenu documentation:

UberMenu 3 Knowledgebase

Hope it helps

Joao

[ejfiedler]

Joao,

Tried putting the css you provided in:
Appearance -> Custom CSS

X Theme Custom -> Edit Global CSS

UberMenu Control Panel -> Custom CSS -> Custom CSS Tweaks

UberMenu Control Panel -> Custom CSS -> Custom CSS Tweaks – Mobile

None of them made any difference.

–Ed

[Joao]

Hi Ed,

Please add the following code instead on Appereance > Customizer > Custom > CSS

.ubermenu-skin-white {
     border-top: 0px !important;
     border-bottom: 0px !important;
     margin-top: 12px;
}

Hope it helps

Joao

[2342J]

I tried this same code snippet to move the search icon, and it had no effect for me.

[2342J]

This reply has been marked as private.

[Joao]

Hi There,

This code is not intended to the search icon.

Would you mind creating a new thread since the issue of the other client is not solved yet?

And please clarify what you are trying to achieve on the new thread, if you want to remove the search icon you can go to Appereance > Customizer > Heade and turn it off.

Hope it helps and see you in a new thread if necessary,

Joao

[ejfiedler]

Joao,

Your suggestion…

.ubermenu-skin-white {
border-top: 0px !important;
border-bottom: 0px !important;
margin-top: 12px;
}

…in the X theme customizer’s “Edit Global CSS” worked. Thank you!

–Ed

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts