Site is not responsive

This topic has 3 replies, 2 voices, and was last updated 8 years, 2 months ago by Pratik.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
September 1, 2016 at 12:40 am #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.

September 1, 2016 at 7:39 am #98496
Pratik
Participant
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
September 5, 2016 at 12:20 am #98743

poorlittlefish
Participant

That seems to have done the trick – thank you!

September 5, 2016 at 9:25 am #98748

Pratik
Participant

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

Regards,
Pratik
Author

Posts