This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Responsive feature doesn’t work

Open 3 replies generalpremium
Williammiddendorp
10 years ago · Last reply by Andrew Misplon 10 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 8 months ago

    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

  2. Williammiddendorp 10 years, 8 months ago

    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;

    }

  3. Andrew Misplon Staff 10 years, 8 months ago

    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 */
}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread