Viewing 3 replies - 1 through 3 (of 3 total)
  • Hey,
    You are adding lots and lots of css that is breaking the site on mobile?
    Can’t really fix all that. But this should be what you want for desktop just make sure to add this after your other css:

    @media (min-width: 992px){
        aside.kad-sidebar {
        width: 340px;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    #content .main {
        width: 100%;
        padding-left: 360px;
        right: 0 !important;
    }
    
    div#content {
        position: relative;
    }
    }

    Kadence Themes

    Thread Starter rdxcsgoid

    (@rdxcsgoid)

    Hello ,
    I figured it out !
    Is there any way to stop resizing the webpage !
    I tried this

    <html>
    <body>
    <div style="min-width: 960px; margin: 0 auto;">
    <!-- Your content -->
    </div>
    </body>
    </html>
    
    &
    @media screen and (max-width: 980px) {
    body{
    width: 980px!important;
    }
      }

    No it’s a responsive theme. You can’t turn that off for a non responsive one. Everything in the css, js is all designed to be responsive.

    Kadence Themes

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘responsive design’ is closed to new replies.