See thisscreenshot from my phone. When I hover the course button it looks much better; the button is bigger. How can I have the mobile course button look like that without hovering?
PS: I'm talking about my live website now, meestergijs.nl/cursusaanbod
After adding your custom css I went from two rows of courses back to one. I liked the fact that students can see more courses when it's two rows. Can we adjust the button but keep two rows/colomns of courses?
Hello,
See thisscreenshot from my phone. When I hover the course button it looks much better; the button is bigger. How can I have the mobile course button look like that without hovering?
PS: I'm talking about my live website now, meestergijs.nl/cursusaanbod
Thanks,
Gijs
Cannot see any sceenshot here : https://imgur.com/a/6AGi8ww
Sorry. New try: https://imgur.com/a/oe0E03c
Im sorry im not seeing this issue :
https://prnt.sc/sfIrLNr9toHF
Read original ticket,/first post: it's when you are on a phone.
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
@media(max-width:500px){
.directory.course.buddypress div#course-dir-list ul#course-list .item-credits strong{
padding: 8px 25px !important;
}
}
Dear Alex,
After adding your custom css I went from two rows of courses back to one. I liked the fact that students can see more courses when it's two rows. Can we adjust the button but keep two rows/colomns of courses?
Gijs
Please share your site url and admin creds in private reply
creds alexwplms not working for wp-admin.
fixed
Sorry, not fixed. I now see all courses underneath each other. I had two rows. Could you change that back? Gijs
showing fine to me :
https://prnt.sc/PBcH-TabZf1e
Correct, except when there is a final score. See here. What to do?
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
@media(max-width:500px){
.directory.course div#course-dir-list ul#course-list .item-credits strong{
font-size:10px !important;
}
}