Content Width on mobile

joerg101172 · March 2019

(for BOXED Layout)

Hello,

I'd like to shrink the margins of the content area on mobile devices like iPhone to increase the content area.

I tried it with:

@media (max-width:767px){

#Content {

margin-left: -30px !important;

margin-right: -30px !important;

width: 116% !important;

}

how can I automatically set the width if I define the margin like this?

greetings Jörg

sorry my English ist not so good.

I hope you understand me

Pablo · March 2019

Hi,

You can switch the "Boxed" layout to the "Full Width" on mobile instead.

It's in the Theme Options > Responsive > General

http://prntscr.com/mw7siu

Thanks

joerg101172 · March 2019

I did that, but the distance is still a bit too big for me. Is there another possibility?

Pablo · March 2019

Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

thanks

joerg101172 · March 2019

the web site link is: http://www.studio02.de

the green lines indicate in which area I would like to position the text and image

Pablo · March 2019

Please paste this code into the Theme Options > Custom CSS & JS > CSS

@media (max-width:767px){
    body.home #Content .the_content .section_wrapper{
      padding:0 !important;
    }
}

Thanks

joerg101172 · March 2019

thank you, it works great

Content Width on mobile

Comments