I’m having an issue with responsive margins. I set custom margins and paddings for each row + column in desktop view, but would like to have a 20 pixel margin + padding around everything except for certain ‘modules’ on mobile devices. Is it possible to zero out the margins and padding for the image slider or buttons modules?
Here is a preview of the site with margins set to ’10’ pixels on ‘modules’ on mobile devices: http://www.itechfit.com
As you can see, there is a 10 pixel space around everything… but I don’t want it on the slider module, or the row of navigation buttons near the footer. http://www.itechfit.com/solutions-mobility/
Is it possible to zero the margins for these two module items thru CSS?
Each row/column/module should have an Advanced tab where you can adjust margin/padding and a few other things. Check the screenshot below for reference. http://imgur.com/LCIdB88
right now the ‘buttons’ have zero margins for the desktop margins + pads under the (advanced) tab settings, but show the ‘10 pixel’ margin for responsive settings (under global settings). I want to zero out the ‘10 pixel’ margin for the buttons and the slider. I figured out the ‘separator’ tab, but would welcome css code to zero it out for both platforms as well.
Need to get rid of the ‘10 pixel’ margin around these modules. Just want this margin to apply for photos and text only on mobile devices. Seems it affects all the modules.
That’s really weird. You shouldn’t need custom CSS to remove the padding/margins on modules/columns/rows. Do you mind sharing temp admin access to the site so we can check?
I did check both the HTML module(for the slider) and the Button modules and they both have 10px margin on all sides. Check the screenshot for reference. Simply changing them to zeroes should fix you right up! http://imgur.com/KduTfAh
the reason I’ve added the 10 pixel margin on modules (for mobile devices) is because I want these margins to show on mobile devices. Without this 10 pixel margin, all content goes edge to edge and looks weird on phones. Is there any way to keep the 10 pixel margin for mobile devices, but omit it for certain modules like the: buttons, slider and separator bar?
The desktop is all set with custom margins, I just want some extra padding for mobile devices. I’m just trying to zero out the margins (only on mobile devices) for these 3 modules, but leave the 10 pixel margin for the rest.
