Default Themes and mobile not working
Posted Dec 22, 2018 - 12:23 AM:
The Default bootstrap responsive theme is not working quite right on my mobile phone.LG android, My husbands Moto phone using Firefox, my daughter has andriod and using the default browser and it looks the same on all
Which pages? There are thousands. I've been looking through as many as I can lately and I'm aware of problems in the member home sections, those will be fixed in the next release.
The title of the links gets cut off on category links, under subcategory. Shouldn't this be wrapped so it doesn't do that? Detail pages of the links are the Alexa spreading over and off the page. Owner ship name looks like that is doing the same. Similar links also run over and off the page. Submission date does the same.
I've made the alexa image downsize to fit the page for 10.3.27. The similar listings were likely only going out of frame because of the alexa image's width so they should be ok now.
The cut off titles are intentional, but I'll see if I can find a way to wrap them that looks decent.
I think that looks bad on a multi-column desktop layout, with the column headers not being even heights when some titles are long. In a mobile one column layout that's not such a problem though. You may want to include it for mobile screen sizes only, to do that use
@media screen and (min-width: 0em) and (max-width: 53em) { .panel-heading { height: auto; overflow: visible; } } instead.
There's also the option of using a vertical scrollbar internal to the panel header for overflow. I think maybe I'll go with scroll for desktop and wrap for mobile.
0/5
1
2
3
4
5
Sorry, you don't have permission to post posts. Log in, or register if you haven't yet.
Comments on Default Themes and mobile not working
Member
Usergroup: Member
Joined: Dec 16, 2018
Total Topics: 6
Total Comments: 12
Posted Dec 22, 2018 - 12:23 AM:
The Default bootstrap responsive theme is not working quite right on my mobile phone.LG android, My husbands Moto phone using Firefox, my daughter has andriod and using the default browser and it looks the same on all
Things are not aligned on some of the pages.
my site is at ajunky.com
Anyone else have this problem?
Attached a picture. It is on the details page.
Attached Files:
developer
Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California
Total Topics: 61
Total Comments: 7868
Which pages? There are thousands. I've been looking through as many as I can lately and I'm aware of problems in the member home sections, those will be fixed in the next release.
I've enabled file uploads here now.
Member
Usergroup: Member
Joined: Dec 16, 2018
Total Topics: 6
Total Comments: 12
Posted Dec 22, 2018 - 7:33 AM:
The title of the links gets cut off on category links, under subcategory. Shouldn't this be wrapped so it doesn't do that?
Detail pages of the links are the Alexa spreading over and off the page.
Owner ship name looks like that is doing the same.
Similar links also run over and off the page.
Submission date does the same.
Attached Files:
developer
Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California
Total Topics: 61
Total Comments: 7868
I've made the alexa image downsize to fit the page for 10.3.27. The similar listings were likely only going out of frame because of the alexa image's width so they should be ok now.
The cut off titles are intentional, but I'll see if I can find a way to wrap them that looks decent.
developer
Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California
Total Topics: 61
Total Comments: 7868
Add this to the bottom of your stylesheet (Admin -> Themes -> Manage Templates -> Stylesheet) to make the titles wrap onto many lines like you want:
.panel-heading
{
height: auto;
overflow: visible;
}
I think that looks bad on a multi-column desktop layout, with the column headers not being even heights when some titles are long. In a mobile one column layout that's not such a problem though. You may want to include it for mobile screen sizes only, to do that use
@media screen and (min-width: 0em) and (max-width: 53em)
{
.panel-heading
{
height: auto;
overflow: visible;
}
}
instead.
There's also the option of using a vertical scrollbar internal to the panel header for overflow. I think maybe I'll go with scroll for desktop and wrap for mobile.