OrdaSoft forum
Welcome, Guest
Please Login or Register.    Lost Password?
OrdaSoft forum Template Support Forums OrdaSoft template Support
List All Web Link Categories on Mobile (0 viewing) 

OrdaSoft template Support

Go to bottom Favoured: 0

List All Web Link Categories on Mobile

#50242
Wishpacker (User)
Junior Boarder
Posts: 27
graphgraph
User Offline Click here to see the profile of this user
List All Web Link Categories on Mobile 3 Days, 22 Hours ago
Karma: 0  
Hello,

On my Xiaomi Redmi 10 2022 (393 x 873 px), there's a display error that I don't like at all. What do you think about this?



I don't know what the intended solution is. Since the "Reset" button is a bit cut off, you could, for example, shorten the search field a bit and put the "Weblinks per page" in a new row so that the first web link also takes up the entire width.

You can take a look here: wishpacker.lima-city.de/Joomla/index.php/linkliste/14-programme

Thank you and kind regards,
Michael
Logged Logged
The administrator has disabled public write access.
#50244
admin (Admin)
Admin
Posts: 8433
graph
User Offline Click here to see the profile of this user
Re:List All Web Link Categories on Mobile 1 Day, 4 Hours ago
Karma: 102  
Hello

I not understand why you asked this from us ?
It is not our template and it is not our component.

Or I not understand where error. Please give more details

Regards
OrdaSoft team
Logged Logged
The administrator has disabled public write access.
#50245
admin (Admin)
Admin
Posts: 8433
graph
User Offline Click here to see the profile of this user
Re:List All Web Link Categories on Mobile 1 Day, 4 Hours ago
Karma: 102  
Hello

You break this with your custom styles
You may fix this with help:

Code:
@media (max-width: 767px) {
    body .float-end {
        float: unset !important;
        width: 100%;
        margin: 2px 0;
    }

    .com-weblinks-category__filter {
        flex-wrap: wrap;
        width: 100%;
    }

    .com-weblinks-category__filter input,
    .com-weblinks-category__filter button {
        width: 100%;
        margin: 2px 0;
        padding: 5px;
    }
}


You need add this to end of this file:
wishpacker.lima-city.de/Joomla/templates...smann/css/custom.css
'
Regards
OrdaSoft team
Logged Logged
The administrator has disabled public write access.
#50246
Wishpacker (User)
Junior Boarder
Posts: 27
graphgraph
User Offline Click here to see the profile of this user
Re:List All Web Link Categories on Mobile 1 Day ago
Karma: 0  
Thank you, it's great now. A while ago, I asked ChatGPT how to use different CSS rules on mobile and came up with a result of @media (max-width: 1023px). I added your rules there and am happy now.

Did I find a bug for the next version?

Best regards,
Michael
Logged Logged
The administrator has disabled public write access.
Go to top
Powered by OrdaSoft
 
What are you looking for?
»