Webmastersite.net
Register Log In

Default Themes and mobile not working
Default Theme and Mobile not working correctly in some browsers

Comments on Default Themes and mobile not working

mack35
Member

Usergroup: Member
Joined: Dec 16, 2018

Total Topics: 6
Total Comments: 12
mack35
Default Themes and mobile not working
Posted Dec 22, 2018 - 3: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:
Paul
developer

Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California

Total Topics: 61
Total Comments: 7867
Paul
Posted Dec 22, 2018 - 5:37 AM:

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.
mack35
Member

Usergroup: Member
Joined: Dec 16, 2018

Total Topics: 6
Total Comments: 12
mack35
Mobile not working
Posted Dec 22, 2018 - 10: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:
Paul
developer

Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California

Total Topics: 61
Total Comments: 7867
Paul
Posted Dec 23, 2018 - 7:25 PM:

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.
Paul
developer

Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California

Total Topics: 61
Total Comments: 7867
Paul
Posted Dec 24, 2018 - 8:46 AM:

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.
Search thread for
Download thread as
  • 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.