Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #98482
    poorlittlefish
    Participant

    I can’t get my site at http://www.leevalleylions.co.uk to be responsive. I have the “Disable Responsive Design” box is unticked and the slider on my home page has been set up correctly, as far as I can see. I have the following among my custom CSS:

    /* For Screen above 1000px */

    @media
    screen and (min-width: 1000px) {
    #header-menu ul.menu a { font-size: 14px;
    }}
    #page {width: 995px;}
    #secondary {width: 185px; border-right: 1px solid #e6e6e6; padding-right: 10px; height: 100%;}

    Is this what is stopping the page from scaling down? If so, how do I change it so that my site layout remains intact, please? It was about 4 years ago that I set up the design and from what I can remember I had problems with the layout collapsing when the widths for the sidebar/main section weren’t specified).

    Many thanks.

    #98496
    Pratik
    Keymaster

    Can you try following instead of above code:

    
    /* For Screen above 1000px */
    @media screen and (min-width: 1000px) {
        #header-menu ul.menu a { 
            font-size: 14px;
        }
        
        #page {
            width: 995px;
        }
        
        #secondary {
            width: 185px;
            border-right: 1px solid #e6e6e6; 
            padding-right: 10px; 
            height: 100%;
        }
    }
    

    I have just edited some of your code. Main culprit is #page {width: 995px;}. This is making the width of page 955px on all devices. I moved it to be active only when screen size is greater that 1000px so that width is preserved on those devices.

    Let me know how it goes.

    Regards,
    Pratik

    #98743
    poorlittlefish
    Participant

    That seems to have done the trick – thank you!

    #98748
    Pratik
    Keymaster

    You are welcome. If you liked our theme and support, please leave us a review here.

    Regards,
    Pratik

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Site is not responsive’ is closed to new replies.