The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Skin issue when browsed from smartphones

2 posters

Go down

In progress Skin issue when browsed from smartphones

Post by Anzo September 21st 2015, 5:09 pm

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
Anzo
Forumember

Posts : 365
Reputation : 8
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 September 21st 2015, 5:29 pm

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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Skin issue when browsed from smartphones

Post by Anzo September 21st 2015, 7:48 pm

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
Anzo
Forumember

Posts : 365
Reputation : 8
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 September 21st 2015, 8: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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Skin issue when browsed from smartphones

Post by Anzo September 21st 2015, 10:12 pm

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

Posts : 365
Reputation : 8
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Back to top

- Similar topics

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