Hello

To remove the padding on all screensizes, try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.top-1 .module_surround {

    padding: 0 !important;

}

Replace top-1 with the module position of your choice.

For our more recent templates, the overrides only applied to larger screens is done by design. It was a common request by users due to the negative effect some overrides had on smaller screens where there was less freedom in layout. Of course this is very dependent on the type of override. Ideally this should be an option which we will look in to adding as a feature.

Ciaran

Hey friends, I have had a certain issue on some of your templates but nerver bothered solving it, but now on the new jasmine template I want it solved.
Listen, when I override module settings to 0 padding on all four sides, it still displays with the padding in the responsive view. ( I want images to be full screen on the mobile view. If I remove container padding at the module settings, then my font touches on the edge of the screen. looks shitty. So do you have a solution and why does it only happen on some templates and others do accept the override also on mobile vielw??
thanks for your help: here ist the site I have started http://www.xamon.us
all the best armin from switzerland

Great - thanks a lot! Superb Service!

Thank you

Changing the suggested custom CSS to the following appears to have resolved the issue...

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

	.module_surround {

		padding-left: 0 !important;

		padding-right: 0 !important;

	}

}

Ciarán

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Hi Ciaran,

thanks for quick answer. Sorry but it still didn`t work. Left margin still 50 px.
I used Modul-Style-Overrides. So your Code didnt work. Can i use both?

This Code is in Responsive Custem CSS

@media only screen and (max-width: 767px) {
.module_surround {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
h2 {font-size: 1.8em;}
}
@media only screen and (max-width: 767px) {
h1 {font-size: 1.8em;}
}

thx
Michael

Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)..

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

	.module_surround {

		padding-left: 0;

		padding-right: 0;

	}

}

Ciarán