Need help? Check out our Support site, then


Change the Mobile CSS?

  1. Hello,

    I am currently using the Expound theme on my WordPress site and its almost perfect. Is it possible to change the way it looks on a mobile device?

    It currently looks like this on my iPhone / iPad:
    http://christaverner.files.wordpress.com/2013/12/img_3907.png

    But I would like a thinner outer border and the text to go right to the edge like this:
    http://christaverner.files.wordpress.com/2013/12/img_3922.png

    Is this possible?

    Thanks in advance :)

    The blog I need help with is christaverner.wordpress.com.

  2. Hi there, let's start with this. Since you are using a responsive width theme, we need to use @media rules. The below will affect the display on anything under 600px in width (which is where the last change is made to the layout in the original CSS). It widens the overall page area to give a narrower band of color at the left and right, and widens the content by decreasing the left and right padding for the content.

    @media (max-width: 600px) {
    #page {
        width: 95%;
    }
    .site-content article {
    padding-right: 15px;
    padding-left: 15px;
    }
    }
  3. That worked great! Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic