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.

Skin issue when browsed from smartphones

View previous topic View next topic Go down

In progress Skin issue when browsed from smartphones

Post by Anzo on Mon Sep 21, 2015 9:09 am

Hi Very Happy

So I'm working on this new skin. It all looks nice and organized when I use my Laptop to view it. However, when I use my smartphone it all looks out of place, half the things doesn't appear the way they should do.

Is there a way to have the way a forum theme is displayed to be exactly as it does when browsed from a computer?

Anzo
Forumember

Posts : 316
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

In progress Re: Skin issue when browsed from smartphones

Post by Ange Tuteur on Mon Sep 21, 2015 9:29 am

Hi @Anzo,

Unfortunately this comes down to the capabilities of the device and its browser. Most things will render different on mobile than they do on desktop since they have less space to display the website. The only thing you could do is use Media Queries to adjust the content for smaller devices.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Skin issue when browsed from smartphones

Post by Anzo on Mon Sep 21, 2015 11:48 am

I have no experience with media query and lack time to learn about it.

Is it OK if i just post here when I'm done with the skin and then point out the areas/CSS that needs to have media query applied on?

Anzo
Forumember

Posts : 316
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

In progress Re: Skin issue when browsed from smartphones

Post by Ange Tuteur on Mon Sep 21, 2015 12:59 pm

It's actually pretty easy. If you want to simplify it you can go by screen width only.

For example, the following styles will take affect if the screen width is at or below 320px.
Code:
@media (max-width:320px) {
  body {
    background:red;
  }
}

You just place your mobile rules inside the media query rule.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Skin issue when browsed from smartphones

Post by Anzo on Mon Sep 21, 2015 2:12 pm

Alright, I'll give it a shot and come back to you Very Happy

Anzo
Forumember

Posts : 316
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

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