5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Diffrenet width for desktop and mobile

by gamestoenjoy
4 replies
  • WEB DESIGN
    • |
Hi,

In use WordPress with the theme twenty thirteen.

I have empty spaces when I check my site in desktop, so I want to use width of 50%
In style.css I changed for .site the width to 50% instead of 100% and it worked great in the desktop, but when I checked my site in mobile it also changed the width to 50%
I want the desktop version of my site to be 50% width, but the mobile version to still be 100%

How can I do it? What do I need to change in style.css to fix it?

My site: Online Conversion

Thanks for your help,
Oren
#desktop #diffrenet #mobile #width
  • Profile picture of the author gaetanoc
    you need to have different css based on the media type.

    http://css-tricks.com/css-media-queries/

    This is just a pointer
    Signature
    An experienced technical programmer wants to JV with you


    I will build any kind of software, bots, web applications, desktop applications, mobile applications - you will handle marketing and sales.
    {{ DiscussionBoard.errors[9783790].message }}
  • Profile picture of the author gamestoenjoy
    I worked according to the tutorial, and added:
    .site {
    width: 50%;
    }
    to all @media besides @media (max-width: 359px) which is used for mobile, but noting happened...
    The site is still shown with 100% width in my desktop.

    What am I doing wrong?
    Signature
    Kodi Beginner
    {{ DiscussionBoard.errors[9783896].message }}
  • Profile picture of the author Sire
    Although it's not available to the public yet the latest Flexsqueeze theme adjusts automatically to mobiles. You can test my sports betting theme to see if it does what you want.
    {{ DiscussionBoard.errors[9784897].message }}
  • Profile picture of the author gamestoenjoy
    I managed to fix it by using the media queries, thanks!
    Signature
    Kodi Beginner
    {{ DiscussionBoard.errors[9785216].message }}

Trending Topics