OrdaSoft forum
Welcome, Guest
Please Login or Register.    Lost Password?
Search button always next to the search field (0 viewing) 

OrdaSoft template Support

Go to bottom Favoured: 0

Search button always next to the search field

Wishpacker (User)
Junior Boarder
Posts: 36
graphgraph
User Offline Click here to see the profile of this user
Search button always next to the search field 6 Days, 1 Hour ago
Karma: 0  
Hi, I wanted to ask if you have any tips for me.

I want the search button to always appear next to the search field. There isn't enough space because I set `.container { width: 80%; }`—I didn't want my website to start all the way on the left (if you have a better approach for that, please let me know).

In any case, I’d prefer the search field to be shortened rather than starting a new row.
Logged Logged
Last Edit: 2026/07/05 13:51 By Wishpacker.
The administrator has disabled public write access.
admin (Admin)
Admin
Posts: 8528
graph
User Offline Click here to see the profile of this user
Re:Search button always next to the search field 5 Days, 3 Hours ago
Karma: 102  
Hello

You need add:
Code:

@media (max-width: 375px){
    .suche-mobil .mod-finder .mod-finder__search{
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .suche-mobil .mod-finder .mod-finder__search .awesomplete{
        margin-right: 5px;
    }
}



To end this file:
wishpacker.lima-city.de/Joomla/templates...smann/css/custom.css


Regards
OrdaSoft team
Logged Logged
The administrator has disabled public write access.
Wishpacker (User)
Junior Boarder
Posts: 36
graphgraph
User Offline Click here to see the profile of this user
Re:Search button always next to the search field 1 Day, 2 Hours ago
Karma: 0  
Hello,

I think .input-group is the element being targeted, which is why `flex-wrap: nowrap` is working. I’ve highlighted in red the area shown by the Flexbox developer tools, and that’s where I see the reason why `justify-content: space-between` isn't having any effect.

Have a great weekend!
Logged Logged
The administrator has disabled public write access.
admin (Admin)
Admin
Posts: 8528
graph
User Offline Click here to see the profile of this user
Re:Search button always next to the search field 3 Hours, 39 Minutes ago
Karma: 102  
This doesn't work because there is no empty space between the search field and the search button itself.

Regards
OrdaSoft team
Logged Logged
The administrator has disabled public write access.
Go to top
»