Full width on mobile site

gastonliberti · July 2017

Hi everyone,

I got a problem, I'd like to make a homepage in this style http://themes.muffingroup.com/be/pharmacy/

but I want to remove the white frame on mobile version.

So on Desktop with the white frame (left an right) and on mobile version without the white frame, so full width.

I test it for about 5hours, and I don't found a solution.

Is it possible? an how?

Thanks

gastonliberti · July 2017

...it seems to be appear on every boxed page...

http://themes.muffingroup.com/be/resume/

http://themes.muffingroup.com/be/renovate/

http://themes.muffingroup.com/be/creative/

http://themes.muffingroup.com/be/blogger/

Bryan · July 2017

Hi,
you can make the content full width on mobile, in theme options>responsive,
http://prntscr.com/g1cm3z
thanks

gastonliberti · July 2017

Thanks, but now how to remove top and bottom space in Desktop mode?

I just want the space left an right.

So sorry, for that silly question, but this is my only question. anything else ist clear and working perfektly.

just this layout dose not work, as i like to.

you can look at the page: www.liberti-web.de

Thank you !!!

Bryan · July 2017

Go to theme options>global>advanced and remove margin with the option, see screen:
http://prntscr.com/g1e090

gastonliberti · July 2017

Ok, perfektly. Tanks a lot.

...so sorry, but still one question... to make everything clear about the layout.

If I use "Full width" layout. How to remove the red marked space just on mobile view?

(I marked it on www.liberti-web.de )

So I'd like to have it on Desktop mode, but not on mobile view.

Thank you very much.

In the end, BeTheme ist perfekty and realy easy to use in every case, just the main Layout configuration could be easier....

Bryan · August 2017

This can be stretched only by editing the section in the muffin builder and selecting the full width style.

gastonliberti · August 2017

hi, well but with "full width style" in muffin builder the frame in Desktop view is also lost.

In this option, there is also the "full-width-ex-mobile", so as I like to, but reversed.

I'd like to make a own css style like

@media only screen and (max-width: 700px) {
    ########### { #########  }
}

I just need to know the class name and the parameter for full width.

It would be nice, if you can add the option "full-width-ex-desktop" in the future updates

thanks

Bryan · August 2017

You can always choose the possibility to hide/show section on diffrent devices. Just edit the section, it is the last option.

gastonliberti · August 2017

Ok, I solved it by myselve... .

@media only screen and (max-width: 768px)

{

.section_wrapper {margin:0!important;max-width:100%!important;width:100%!important;padding:0!important}

}

greetings

jcgcrespo · August 2023

Hello

I have a problem similar to the one discussed in this post. I can't find in the theme options the option to activate the full width on mobile. I have tried to touch some things, but when I go to Bebuilder, in the Wrap options, the check "Full width except mobile" still appears. What I can do?

Thank you so much

Phil · August 2023

Hi @jcgcrespo,

Please create a new discussion and attach there link to the website, and screenshots showing your problem.

Thanks

Full width on mobile site

Comments