Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 4, 2014 at 8:30 am #287061
    ppcinc

    Hello Guys,
    Actually i want Small width of website as below, so i have changed the css within child theme as below. but the problem now its not responsive for mobiles. so what i need to do ? Thank You

    .responsive .container .nine.units {
    width: 600px;
    }
    .content, .sidebar {
    padding-top: 20px;
    }

    .responsive #top.boxed {
    width: 970px;
    }

    .responsive .container .twelve.units {
    width: 870px;
    }
    /*this is the menu and footer*/
    .responsive .container {
    width: 870px;
    }

    July 4, 2014 at 10:30 am #287087
    Yigit

    Hey ppcinc!

    Please add media queries to your custom CSS code as following, so your code will be only applied on screens bigger than 768px

    @media only screen and (min-width: 768px) {
.responsive .container .nine.units {
width: 600px;
}
.content, .sidebar {
padding-top: 20px;
}

.responsive #top.boxed {
width: 970px;
}

.responsive .container .twelve.units {
width: 870px;
}
/*this is the menu and footer*/
.responsive .container {
width: 870px;
}
}

    Regards,
    Yigit

    July 4, 2014 at 10:41 am #287094
    ppcinc

    Great Man it works :-)

    Cheers.

    Mike

    July 4, 2014 at 10:47 am #287095
    Yigit

    Hey!

    You are welcome Mike! Always glad to help :) Have a nice weekend!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Width of website and responsive for mobile ?’ is closed to new replies.