Hi albertobarch,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 768px) and (max-width: 1024px) {
#layerslider_8 {
  height: 434px !important;
}
#layerslider_8 .ls-wrapper.ls-z.ls-hide-on-desktop .ls-wrapper.ls-in-out {
  top: 0 !important;
}
}
@media only screen and (max-width: 767px) {
#layerslider_8 {
  height: 390px !important;
}
#layerslider_8 .ls-wrapper.ls-z.ls-hide-on-desktop .ls-wrapper.ls-in-out {
  top: 0 !important;
}
}

@media only screen and (max-width: 450px) {
#layerslider_8 {
  height: 180px !important;
  max-height: 220px !important;
}
#layerslider_8 .ls-wrapper.ls-z.ls-hide-on-desktop .ls-wrapper.ls-in-out {
  top: 0 !important;
}
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

Please add my code to the very top of css. It is possible that you have some error in some of the other css that is causing everything below it to fail.

Best regards,
Jordan Shannon

Hi,

For A:

.content {
    padding-top: 10px;
    padding-bottom: 10px;
}

For B:

.entry-content p{
margin-top:0px!important;
}

For C that is a different case entirely as that padding/spacing is due to the adsense iFrame which we have no control over unfortunately.

Best regards,
Jordan Shannon

Hi,

Add the following to quick css:

@media only screen and (max-width: 767px)  {
.content {
    padding-top: 10px;
    padding-bottom: 10px;
}}

Best regards,
Jordan Shannon

Hi,

Is the issue just on mobile? I am not seeing the spacing on the desktop.

Best regards,
Jordan Shannon

Hi!

We’re glad that Mike was able to help you! Please do feel free to ask questions in the forum, the next time you need help :)

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/

Do you need further help with this topic, or can we close this thread?

Best regards,
Sarah

You’re welcome! We’re happy to help.

Do you need any other help with this topic or can we close this thread?

If you have any other questions or issues, please feel free to open another topic and we’ll do our best to help! :)

Cheers!
Sarah

Hi zimbo,

This is the code from shortcodes.css that will do the trick, I just adjusted the size:

@media only screen and (max-width: 1024px)  {
	.responsive .tabcontainer{border-width: 1px; border-style: solid; border-top:none; overflow: hidden;}
	.responsive .tabcontainer .tab_titles{display:none;}
	.responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab
	{width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;}
	.responsive .tabcontainer .tab_content{border-bottom:none; padding:15px 30px; clear: both; }
	.responsive .tabcontainer .tab.fullsize-tab{ display:block; margin-bottom:-1px;}
	.responsive .top_tab .tab.fullsize-tab{ margin-bottom:0px;}

}

If you need further assistance please let us know.
Best regards,
Victoria

Hey SandraSquires,

Please see the following for possible solutions:

Best regards,
Jordan Shannon

Hi,

Please refer to this thread for a possible solution.

If you need further assistance please let us know.
Best regards,
Victoria