Header Builder Search Dropdown Element Alignment

Support
#1

Hi,

I am using a search dropdown element in my custom header, and I wish to align the search bar to the right instead of the left.

Currently it looks like this:

I want it to look like this:

I tried:

.x-dropdown {
right: 0;
left: auto;}

which I found in another support request, and it works… BUT it affects all other dropdown elements in my menu as well:

Can I have this modification affect only the search dropdown?

#2

Hello Graham,

Thanks for writing in!

To resolve your issue, please edit you header. Click on the Search Dropdown element and then find the “Customize” tab in the element settings.You will need to insert this inline element css:

$el .x-dropdown {
  right: 0;
  left: auto;
}

This code will make sure that only this element will be affected with the css.

Please let us know if this works out for you.

1 Like
#3

Thanks @RueNel, works like a charm!

#4

We’re glad that you’re question was answered correctly, Graham.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.