Hello,
today I’ve update my whole website but it isn’t responsive anymore on a mobile device.. I didn’t do a lot of css coding except for colors and some positions of text.. The checkbox “responsive layout” under the layout tab in theme settings is enabled
Is is possible to make my website responsive again?
URL: http://cuemasters.nl
Hi Williammiddendorp
Sorry to hear about the hassle.
Your site is responsive but past a certain breakpoint everything is being rendered in a tiny column. Do you think you can perhaps check out Appearance > Custom CSS. The problem lies there. When I remove Custom CSS, responsive behaviour reverts to normal.
Thanks
Hi Andrew,
can you tell me which line in de CSS code is the problem? I've attached the code down below..
.page-id-269 #pg-269-0 {
position:relative;
top:-150px;
letter-spacing:2.5px;
}
/*Move down main content*/
.page-id-269 #main{
padding:200px;
}
/*Color en and font style circle icons*/
.page-id-269 .widget_circleicon-widget .circle-icon-box h4 {
color:#666666;
font-weight:normal;
}
/*Color heading lines*/
.page-id-269 .widget_headline-widget .decoration {
color:#e1e1e1;
}
/*Color and font style sub heading*/
.page-id-269 .widget_headline-widget h3 {
font-family:"Ubuntu";
font-weight:lighter !important;
font-size:16px;
line-height:150%;
-webkit-font-smoothing: antialiased;
}
.page-id-269 .main-navigation a {
font-weight:lighter;
-webkit-font-smoothing: antialiased;
}
.page-id-269 .menu-item-394 a {
color:#f1aa50;
text-transform:uppercase;
}
.page-id-269 #menu-cuemasters {
text-align:right;
}
.page-id-269 #cntctfrm_contact_message {
height: 160px;
}
Sure, this is the problem:
/*Move down main content*/ .page-id-269 #main{ padding:200px; }Make that something like:
@media min-width(680px) { /* Your rule goes in here */ }