SimpleSearch SearchBox size change


#1

Hello,
when i add the search box
{% include 'partials/simplesearch_searchbox.html.twig' %}
in the Top of my Page the Box size is very long.
Where i can change the size to 300px width and 12px height?

thx


#2

If you use the provided stylesheet and searchbox template it should be enough to override / extend the corresponding selector :
.search-wrapper .search-input .


#3

Thank you, i found it in the simplesearch.css

But now when i put it in the navigation.html.twig

{% include 'partials/simplesearch_searchbox.html.twig' %}

{% macro loop(page) %}
{% for p in page.children.visible %}
{% set current_page = (p.active or p.activeChild) ? ‘active’ : ‘’ %}
{% if p.children.visible.count > 0 %}



  • {% if p.header.icon %}{% endif %}
    {{ p.menu }}



      {{ _self.loop§ }}


  • {% else %}


  • {% if p.header.icon %}{% endif %}
    {{ p.menu }}


  • {% endif %}
    {% endfor %}
    {% endmacro %}

    The Menue jump in the next line.
    Also it scrolls down.

    cu


    #4

    Somebody have any Idea?