Content Width on mobile

joerg101172

(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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

joerg101172

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

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

joerg101172

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

joerg101172

thank you, it works great