Width on Mobile | PenciDesign Support

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 767px){
.container, .featured-area.style-1, 
.featured-carousel.style-2 .item img, 
.featured-area.style-4, .featured-area.magazine-slider {
    width: 100%;
}
}
@media only screen and (max-width: 479px){
.penci-single-smore .container, 
.penci-post-image-wrapper>.container, 
.wrapper-boxed>.container,
 #widget-area>.container, 
#footer-section>.container {
    padding-left: 20px;
    padding-right: 20px;
}
}

Best Regards,

PenciDesign

amdresser started the conversation

7 years ago

Conversation Start

Hi! Is there a way to make the content reach the edges of whatever device you're using? On smaller phones the main content reaches the edge but on my Samsung Galaxy S9+ there is extra space. Any idea how to fix this?