Home › Forums › Basel support forum › Centering search bar

Centering search bar

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 12, 2017 at 3:33 pm #21444

    svaldesm
    Participant

    Hi, I would like to center the search bar, but so far with no success.
    I’ve tried different configurations. This is the one I have now:

    https://prnt.sc/gwk8uf

    Also it’s too big. I would like it to be centered completely and that the other elements arranged towards that.

    Is that possible?

    Thanks

    October 13, 2017 at 6:34 am #21522

    Bogdan Donovan
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings to make search bar smaller.

    .header-base .widget_product_search {
	max-width: 800px;
	margin: 0 auto;
}

    In order to center the central widget, you need to set the right and left columns of the header to the same width. In your case, you can reduce the width of the logo container to 14-16 percent. https://gyazo.com/77b83b2d3c90dc07a37822222a98b4fd

    Regards

  • Author
    Posts

Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)