Title: Content Main float:left
Last modified: August 30, 2016

---

# Content Main float:left

 *  [headshot2006](https://wordpress.org/support/users/headshot2006/)
 * (@headshot2006)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/content-main-floatleft/)
 * Hey,
 * how is it possible to set the text in the content main area to the left especially
   on the mobil version. on the sidebar it works fine. i would like to set the “
   main content” like the content of the sidebar on the left side.
 * Screen: [http://www.directupload.net/file/d/4105/dusy9rp5_png.htm](http://www.directupload.net/file/d/4105/dusy9rp5_png.htm)
   
   Homepage: [http://touchpcworld.de](http://touchpcworld.de)
 * thank you for your help

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Thread Starter [headshot2006](https://wordpress.org/support/users/headshot2006/)
 * (@headshot2006)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/content-main-floatleft/#post-6528998)
 * Nobady an idea?
 *  [Kim Kwanka](https://wordpress.org/support/users/kimkwanka/)
 * (@kimkwanka)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/content-main-floatleft/#post-6529003)
 * If I assume correctly you want to left-align your main content area.
 * If so, you have to set
 *     ```
       .site-content{
           float: left;
       }
       ```
   
 * But then your sidebar will be on the right side instead of left.
    This is because
   in your html the sidebar comes after your main content area. So if you wanted
   to have it on the left again, you’d have to move their html around.
 * Regards,
 * Kim
 *  Thread Starter [headshot2006](https://wordpress.org/support/users/headshot2006/)
 * (@headshot2006)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/content-main-floatleft/#post-6529017)
 * hi kimkwanka
 * thank you for your replay.
 * on the browser view i will have the sidebar on the left. on the mobil version
   i will have the sidebar after the main content area. so far no problem. but my
   main content area did not use the full space on mobile view.
 *     ```
       .site-content{
           float: left;
       }
       ```
   
 * set the sidebar to the right side, and i get a space on the mobile version in
   the main content area on the right
 *     ```
       .site-content{
           float: right;
       }
       ```
   
 * set the sidebar on the left side, and i get a space on the mobile version in 
   the main content area on the left
 * i would not have any space, equal left or right in my main content area on mobile
   view. what is the code, that the main content in mobile view uses the width of
   100%
 *  [Kim Kwanka](https://wordpress.org/support/users/kimkwanka/)
 * (@kimkwanka)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/content-main-floatleft/#post-6529084)
 * You have to check all the media-queries in your style.css, they look something
   like this:
 *     ```
       @media (max-width: 767px) {
       ...
       }
       ```
   
 * Now look through each of them and check to which weight % your .site-content 
   is set and change accordingly. You will have to look for these:
 *     ```
       .sidebar .site-content {
       	width: 65%;
       }
       ```
   
 * and change them to 100%. You might have to add “!important” to make it work:
 *     ```
       .sidebar .site-content {
       	width: 100% !important;
       }
       ```
   
 * The alternative is to copy the media queries from your style.css into your custom
   css code, remove everything but the parts that starts with
 *     ```
       .sidebar .site-content {
       ```
   
 * and add the 100% width there. Then I guess you wouldn’t have to add the “!important”
   since your custom css gets imported last so that it overwrites the rules set 
   in style.css.
 * Regards,
 * Kim
 *  Thread Starter [headshot2006](https://wordpress.org/support/users/headshot2006/)
 * (@headshot2006)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/content-main-floatleft/#post-6529090)
 * Hey Kim,
 * thank you so much. I changed the values already in my css file, and it did not
   work. the solution was that i copy the changed code in my custom css file.
 * many thanks

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Content Main float:left’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/i-max/1.6.2/screenshot.png)
 * i-max
 * [Support Threads](https://wordpress.org/support/theme/i-max/)
 * [Active Topics](https://wordpress.org/support/theme/i-max/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/i-max/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/i-max/reviews/)

## Tags

 * [content](https://wordpress.org/support/topic-tag/content/)
 * [float left](https://wordpress.org/support/topic-tag/float-left/)

 * 5 replies
 * 2 participants
 * Last reply from: [headshot2006](https://wordpress.org/support/users/headshot2006/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/content-main-floatleft/#post-6529090)
 * Status: not resolved