- This topic has 3 replies, 2 voices, and was last updated 7 years, 6 months ago by Pratik.
-
AuthorPosts
-
September 1, 2016 at 12:40 am #98482poorlittlefishParticipant
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 #98496PratikKeymasterCan 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,
PratikSeptember 5, 2016 at 12:20 am #98743poorlittlefishParticipantThat seems to have done the trick – thank you!
September 5, 2016 at 9:25 am #98748 -
AuthorPosts
- The topic ‘Site is not responsive’ is closed to new replies.