XF 2.3 Search Box

[hakyangler]

Hello;

I made such an addition to the page_container template to expand the search field a little, but I couldn't quite get what I wanted. how can I do this?

<xf:if is="$xf.visitor.canSearch()">
<div class="nomobile">
    <div class="" data-menu="menu" aria-hidden="true">
        <form action="{{ link('search/search') }}" method="post"
            class="menu-content-ana"
data-xf-init="quick-search">
         <div class="menu-row-ana">
             <xf:if is="$searchConstraints">
                 <div class="inputGroup inputGroup--joined">
                    <xf:textbox name="keywords"
                        placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
data-menu-autofocus="true" />
                 </div>
             <xf:else />
                 <xf:textbox name="keywords"
                    placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
data-menu-autofocus="true" />
             </xf:if>
             </div>
             <xf:csrf />
        </form>
    </div>
</div>
</xf:if>

 

[hakyangler]

does anyone have any ideas about the topic?

 

[hakyangler]

I'm still looking for a solution for this, how can I make the area marked in the above image as in the picture below?

 

[MaximilianKohler]

I would try inspecting the area and then edit the CSS template to expand the width. But I'm a noob at this.

 

[hakyangler]

I tried this, it's not something that can be done just by applying css.