Hello Team JB!

Please take a look at my (dev) phone version of my site and tell me if there is a way to prevent the large black spaces in the second module of the home page. It is published in Grid13.

bdatest.com/soundequineandcaninecare

I can't quite figure out how to configure the backend for this

Hi There,

You have grid1wrap hidden on mobiles?

Have you tested with media queries removing the margin elements?

Cheers
Paul

grid1 is hidden on mobile.

The grid id is grid4wrap and has no padding or margins, only a tiny 4px border.

Hi

I was referring to the module class

top100 bottom70

Cheers
Paul

ok - inside Joomla! : how do i use it? I don't need to change the layout except for mobile.

(Do you have a tool that you use to debug mobile?)

Hi

With the media query - it is just css so you would use the custom css or less file

I try to test on devices combined with the Chrome developer toolset

I did utilise free trials with www.browserstack.com to test on different browsers and devices for a while

So I'd wrap this in a media query

#grid13 .top100.bottom70 {margin:0}

and then test

It may not help - if it doesn't then it will be plan B