OrdaSoft forum
Welcome, Guest
Please Login or Register.    Lost Password?
OrdaSoft forum Template Support Forums OrdaSoft template Support
[Mobile] Search Button Spacing (0 viewing) 

OrdaSoft template Support

Go to bottom Favoured: 0

[Mobile] Search Button Spacing

#50696
Wishpacker (User)
Junior Boarder
Posts: 33
graphgraph
User Offline Click here to see the profile of this user
[Mobile] Search Button Spacing 5 Days, 18 Hours ago
Karma: 0  
Hello,

I've discovered another small issue I'd like to report. The image shows the Joomla search module in mobile view.



I think the search field should be enlarged so the distance to the button isn't so large.

Happy Easter and best regards,
Michael
Logged Logged
The administrator has disabled public write access.
#50698
admin (Admin)
Admin
Posts: 8512
graph
User Offline Click here to see the profile of this user
Re:[Mobile] Search Button Spacing 2 Days, 7 Hours ago
Karma: 102  
Hello,

I am sorry, I not see on yours website our template.
If you mean other website.
You need download last our Joomla Blank Template for joomla 6
here take file:
default.css
and replace it on your template
Blease backup old default.css file

Or to end default.css, please add below styles:
Code:
.js-finder-searchform .mod-finder__search{
    gap: unset;
}
.js-finder-searchform .mod-finder__search .awesomplete {
    width: 65%;
}

.js-finder-searchform .mod-finder__search .awesomplete input {
    border-radius: unset;
}

.js-finder-searchform .mod-finder__search button {
    width: 35%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-finder-searchform .mod-finder__search button .icon-search {
    margin-right: 3px;
}

.js-finder-searchform .mod-finder__search button .icon-search::before {
    content: "f002";
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
}


Regards
OrdaSoft team
Logged Logged
The administrator has disabled public write access.
Go to top
Powered by OrdaSoft
 
What are you looking for?
»