Docs

[JP]

hi guys

i currently use the uber menu to hold my search bar

I was wondering if i could place the search bar here. As well as the My account link.

see screenshot for more details

Thanks

[JP]

This reply has been marked as private.

[Paul R]

Hi,

You can add this in your Custom > Edit global Javascript

jQuery(function($) {
    $('.x-navbar .ubermenu-content-block').insertAfter('.x-brand img');
});

Then add this in custom > Edit Global CSS

body .x-navbar input {
   height:auto;
   padding:5px;
    font-size: 18px;
}

body .x-navbar .ubermenu-content-block.ubermenu-custom-content {
   float:right;
}

Hope that helps

[JP]

thanks, that’s moved it up but it has also created a few other issues

– it has moved the cart details down
– it is on the left of page even though it says float right

see screenshot

thanks so much for your help

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.x-brand {
    width: 85%;
}

body .x-navbar input {
    font-family: Fontawesome;
}

.ubermenu-search form {
    margin:0;
}

Hope that helps

[JP]

yep. almost perfect!

Thanks

Can you just provide CSS to make button same height and horizontally aligned as the form field

also – how can i move it along horizontally closer to cart icon

[Rupok]

Hi there,

Thanks for writing back. Let’s use this CSS :

.ubermenu-search-submit {
  font-size: 14px !important;
  margin-top: -7px;
  padding: 4px 5px !important;
}

Hope this helps.

Cheers!

[Author]

Posts