Hi, I'm trying to figure out how to drop just the main content block on the row in the attached picture. On desktop/tablet view I want it to behave as it currently does, however I want to drop it on mobile. The problem is that at present I can't seem to find anyway of dropping it without removing the two sidebars as well?

Thanks

Hi

Its a bit unusual to drop the main content - is this on any particular page or is it site wide?

Cheers
Paul

Hi thanks for the quick reply.

I know what you mean but its what the client wants!

Anyway, it's slightly confusing because the module I'm trying to drop is actually set in the "abovecontent" position. If I go into the module, I can see the position is set to above content, if I set the status to unpublished I can see that the correct module disappears from the front page.

However, if I go to the template layout manager, then set the "abovecontent" module position to drop on mobile, it doesn't. the correct module only drops if I set the "main" row in the attached picture to drop.

Any help would be appreciated.

Thanks

Try adding this to the module advanced tab as the module suffix / class

hidden-desktop

Rather than hide the content area

Cheers
Paul

Sorry to be clear I'm referring to the abovecontent position and you wanted to hide the phone rather than desktop so that is instead

hidden-phones

Cheers
Paul

That's great, thanks!

The hidden-phones suffix almost resolves it. The problem is that it doesn't quite work on phones with wider browsers, or any phones which are turned landscape rather than portrait.

Any suggestions?

Hi

You could write a media query for the module position which is larger than the value set in the

Responsive tab > Breakpoints

or increase the breakpoint value for phones
What value do you have currrently?

Cheers
Paul