Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    109
    Thanks
    21
    Thanked 0 Times in 0 Posts

    Smile Content Will Not Go In Container

    Hello.

    My .box .box-content once that reaches a min-width of 320 and 360 in my media screen it will not go left inside container after i have disabled the column-left for small view.

    I have attached my code pen sample http://codepen.io/mwbcomputers/pen/xtHDj

  • #2
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    It's cause your "#content" has a margin-left of 250 pixels. After you remove the categories section, you should be removing the margin on the main content too.
    My signature :)

  • #3
    Regular Coder
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    109
    Thanks
    21
    Thanked 0 Times in 0 Posts
    tried that didn't work

    Think it might be my media screen set up will give another go
    Last edited by Carrara_WS; 08-03-2013 at 05:15 AM.

  • #4
    Regular Coder
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    109
    Thanks
    21
    Thanked 0 Times in 0 Posts
    Got it to work here is what i did

    @media all and (min-width: 1025px) {
    body {
    padding-top: 60px;
    }
    }
    @media all and (max-width: 1024px) {
    /* styles for narrow desktop browsers and iPad landscape */
    body {
    padding-top: 60px;
    }
    }
    @media all and (max-width: 959px) {
    /* styles for narrower desktop browsers and iPad portrait */
    body {
    padding-top: 40px;
    }
    #column-left {
    display: none;
    }
    #column-right {
    display: none;
    }
    #column-left + #column-right + #content, #column-left + #content {
    width: 100%;
    margin: 0;
    }
    .jcarousel-skin-opencart {
    display: none;
    }
    }
    @media all and (max-width: 768px) {
    /* styles for narrower desktop browsers and iPad portrait */
    body {
    padding-top: 40px;
    }
    #column-left {
    display: none;
    }
    #column-right {
    display: none;
    }
    #column-left + #column-right + #content, #column-left + #content {
    width: 100%;
    margin: 0;
    }
    .jcarousel-skin-opencart {
    display: none;
    }
    }

    @media all and (max-width: 480px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */
    body {
    padding-top: 40px;
    }
    #column-left {
    display: none;
    }
    #column-right {
    display: none;
    }
    #column-left + #column-right + #content, #column-left + #content {
    width: 100%;
    margin: 0;
    }
    .jcarousel-skin-opencart {
    display: none;
    }
    }

    @media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
    body {
    padding-top: 40px;
    }
    #column-left {
    display: none;
    }
    #column-right {
    display: none;
    }
    #column-left + #column-right + #content, #column-left + #content {
    width: 100%;
    margin: 0;
    }
    .jcarousel-skin-opencart {
    display: none;
    }
    }

    @media all and (max-width: 240px) {
    /* styles for smaller devices */
    #column-left {
    display: none;
    }
    #column-right {
    display: none;
    }
    #column-left + #column-right + #content, #column-left + #content {
    width: 100%;
    margin: 0;
    }
    .jcarousel-skin-opencart {
    display: none;
    }
    }


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •