The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Mobile / Ipad screen layout not right (classic Version)

View previous topic View next topic Go down

Solved Mobile / Ipad screen layout not right (classic Version)

Post by APE on January 10th 2017, 12:23 am

Hello members now it's my turn to ask for help loul

ok in my forum http://www.achatworld.com i have a problem when in classic Version
any members using the Ipad or a mobile phone there is 3 problems.

1st problem is: There is no scroll left or right on HTML page (Credit store).
http://www.achatworld.com/h3-the-credits-store

2nd problem is: The smiles don't have a scroll to them they all just go on for ever.

3rd problem is: The past profile has moved down the page under all the text.


As you can see this is a mess and i would like to fix this.

my other problem is i don't have a lot of room left on my SCC files so the code gave will have to be as small as it can be or it must work in a JavaScript or even templates.

Thanks to anyone that can help.

Regards APE


Last edited by APE on January 12th 2017, 11:30 pm; edited 2 times in total



avatar
APE
Manager
Manager

Male Posts : 9463
Reputation : 846
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by Guest on January 10th 2017, 12:50 am

3. How about giving this a try, a simple solution: use a percentage as a width on post profile since the post body is using a width that is in percentage, instead of:
Code:
div.postprofile, .postprofile {
width: 200px;
}

Try using 20%. Smile

Edit: Use this one:
Code:
div.postprofile, .postprofile {
width: 20% !important;
}

Guest
Guest


Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by APE on January 10th 2017, 12:56 am

ok after working on #3 and the help of mark this ones solved.

Now i just need #1 and #2


Last edited by APE on January 10th 2017, 1:00 am; edited 1 time in total



avatar
APE
Manager
Manager

Male Posts : 9463
Reputation : 846
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by skouliki on January 10th 2017, 7:10 am

I see all 3 fixed i use safari ipad the only thing left is the store


avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 2244
Reputation : 350
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by APE on January 10th 2017, 12:17 pm

In post a reply the similes still go right down but there ok in quick reply. it has no scroll bar Sad

as for the store i forgot about that one LOL
the credit store http://www.achatworld.com/h3-the-credits-store
don't have a scroll on it so it is half cut off

The credit store is in html page (I've made this open to guests until fixed)





avatar
APE
Manager
Manager

Male Posts : 9463
Reputation : 846
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by skouliki on January 10th 2017, 8:40 pm

You could categorizethe smilies to minimize the length of the smile window

Sorry i have made a mistake in my previous post i think i checked the upload window in the quick reply cause now i check again with normal reply and i still see half the upload window
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 2244
Reputation : 350
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by APE on January 11th 2017, 9:38 pm

BUMP BUMP
@Luffy @Ange Tuteur can one of you have a look i know that Ange Tuteur in no longer in the FM site but if he logs in LOL



avatar
APE
Manager
Manager

Male Posts : 9463
Reputation : 846
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by Guest on January 11th 2017, 11:05 pm

For the image upload, try this one:
Code:
div.sceditor-dropdown.sceditor-servimg {
  margin: 0 !important;
}

For the smiley, it looks fine to me, weird.

Guest
Guest


Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by APE on January 11th 2017, 11:24 pm

it looks ok in anything other then mobile and apple items Sad



avatar
APE
Manager
Manager

Male Posts : 9463
Reputation : 846
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by Luffy on January 12th 2017, 9:19 pm

Hello @APE,

For 1. i don't understand what's the problem.. :S

For 2. try this:
Code:
@media (min-width:0px) and (max-width:768px){
.smiley-element { max-height: 235px }
}





avatar
Luffy
Manager
Manager

Male Posts : 4460
Reputation : 444
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by APE on January 12th 2017, 11:24 pm

1 is this @Luffy


as you can see in the credit store if your on a laptop or PC it looks ok but when you use a mobile or Ipad you see this screen shot

The problem is it needs a scroll bar left and right at the bottom of the page so you can see the ones cut off in the HTML page.



avatar
APE
Manager
Manager

Male Posts : 9463
Reputation : 846
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by Luffy on January 13th 2017, 11:04 am

But you cannot scroll at all? I think on mobile and ipad it just appears when you scroll but i'll have a look at it now.





avatar
Luffy
Manager
Manager

Male Posts : 4460
Reputation : 444
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by skouliki on January 13th 2017, 1:13 pm

store is fixed ... i just checked
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 2244
Reputation : 350
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Mobile / Ipad screen layout not right (classic Version)

Post by APE on January 13th 2017, 6:50 pm

Yes this is now fixed not the way i wanted to but its fixed i just removed the row that was out of lineand moved it down.
What i did want was a scroll from left to right like there is up and down but it's working so i will class this as solved.

Thanks for your help everyone.
Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Manager
Manager

Male Posts : 9463
Reputation : 846
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum