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 Mon Jan 09, 2017 11:23 pm

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 Thu Jan 12, 2017 10:30 pm; edited 2 times in total





APE
Manager
Manager

Male Posts : 8981
Reputation : 794
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 Mon Jan 09, 2017 11:50 pm

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 Mon Jan 09, 2017 11:56 pm

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 Tue Jan 10, 2017 12:00 am; edited 1 time in total





APE
Manager
Manager

Male Posts : 8981
Reputation : 794
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 Tue Jan 10, 2017 6:10 am

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



skouliki
Graphic Designer
Graphic Designer

Female Posts : 1861
Reputation : 280
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 Tue Jan 10, 2017 11:17 am

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)







APE
Manager
Manager

Male Posts : 8981
Reputation : 794
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 Tue Jan 10, 2017 7: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

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1861
Reputation : 280
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 Wed Jan 11, 2017 8: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





APE
Manager
Manager

Male Posts : 8981
Reputation : 794
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 Wed Jan 11, 2017 10: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 Wed Jan 11, 2017 10:24 pm

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





APE
Manager
Manager

Male Posts : 8981
Reputation : 794
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 Thu Jan 12, 2017 8: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 }
}






Luffy
Manager
Manager

Male Posts : 4337
Reputation : 431
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 Thu Jan 12, 2017 10: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.





APE
Manager
Manager

Male Posts : 8981
Reputation : 794
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 Fri Jan 13, 2017 10: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.






Luffy
Manager
Manager

Male Posts : 4337
Reputation : 431
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 Fri Jan 13, 2017 12:13 pm

store is fixed ... i just checked

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1861
Reputation : 280
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 Fri Jan 13, 2017 5: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





APE
Manager
Manager

Male Posts : 8981
Reputation : 794
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