symbollist mobile

Hey rixi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	#top .avia-icon-list .iconlist_icon {
		margin: 0 0 10px 0;
	}
	#top .avia-icon-list li {
		padding-bottom: 0;
	}
}

then look in your icon list content area, you have a extra empty paragraph tag from a empty line, probably from a “return” key stroke, you may need to look in the “text” tab to remove it.

This adds a empty space under your icon list:

Best regards,
Mike

Hi,

Hm, but what is that space there? I there a way to make it a little bit smaller?

Yes, that should be possible. Please add this code in the Enfold > General Styling > Quick CSS field or add it in the child theme’s style.css file.

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

  /* Add your Mobile Styles here */
  .av-lmuro99q-efb5a91e80c2f3c7de60c4602a959104 .article-icon-entry {
    margin-bottom: -50px;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

Best regards,
Ismael

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike