Modifying Search Bar Length and Positioning

Pages
1

What is the best way of changing the width of the search bar in ‘Answers Search Bar’ module or ‘Navigation Bar with Answers Search Bar’ module? I am currently using
.yxt-SearchBar {
height: 44px;
width: 150%; }
to change the width but I haven’t figured out how to adjust the alignment on the page.

Thanks in advance for the feedback!

2

Hey Mikael - happy to help!

It will depend a little bit on what you mean by adjusting the alignment on the page, but I would recommend offsetting the wider search bar (which grows to the “right”) by increasing the right margin of the answers-div class which will push the whole search bar to the “left.”

In code, it will look something like

.answers-div {
     margin-right:20px;
}

Does that help with the alignment issue? Let me know if that helps or if you have any other questions!

1 Like