- This topic has 5 replies, 2 voices, and was last updated 7 years, 6 months ago by Mahesh.
Viewing 6 posts - 1 through 6 (of 6 total)
-
AuthorPosts
-
October 4, 2016 at 7:22 pm #100837AnamParticipant
Hello,
I have the ecommerce theme installed on my website. When i try to add custom CSS to reduce the width, the widgets are not getting resized, but they get shifted to the bottom.@media screen and (min-width: 961px) { #primary { width: 530px; width: 53rem; } #secondary { width: 300px; width: 30rem; } } @media screen and (min-width: 1025px) { #primary { width: 590px; width: 59rem; } #secondary { width: 300px; width: 30rem; } } @media screen and (min-width: 1153px) { #primary { width: 670px; width: 67rem; } #secondary { width: 310px; width: 31rem; } } @media screen and (min-width: 1281px) { #primary { width: 750px; width: 75rem; } #secondary { width: 320px; width: 32rem; } } @media screen and (min-width: 1345px) { #primary { width: 770px; width: 77rem; } #secondary { width: 360px; width: 36rem; } }
October 5, 2016 at 10:47 am #100892MaheshKeymaster@anamaggarwal1991gmail-com: Please post in your site url.
Regards,
MaheshOctober 5, 2016 at 11:00 am #100893AnamParticipantHi,
The website is still locally hosted. Following is the screenshot.October 8, 2016 at 9:45 am #101116AnamParticipantHello,
Can you help? I am not able to figure it out.October 9, 2016 at 1:52 am #101148October 9, 2016 at 7:17 am #101164MaheshKeymaster@anamaggarwal1991gmail-com: Sorry for the late reply.
Why are you using both px and rem? Use px only and try again. Please use the following CSS:@media screen and (min-width: 961px) { #primary { width: 530px; } #secondary { width: 300px; } } @media screen and (min-width: 1025px) { #primary { width: 590px; } #secondary { width: 300px; } } @media screen and (min-width: 1153px) { #primary { width: 670px; } #secondary { width: 310px; } } @media screen and (min-width: 1281px) { #primary { width: 750px; } #secondary { width: 320px; } } @media screen and (min-width: 1345px) { #primary { width: 770px; } #secondary { width: 360px; } }
Regards,
Mahesh -
AuthorPosts
Viewing 6 posts - 1 through 6 (of 6 total)
- The topic ‘Resize Sidebar e-commerce’ is closed to new replies.