Hello, please see the site in private section, thanks!
Hey govus,
Try this code in the General Styling > Quick CSS field:
@media only screen and (min-width: 1310px) {
#top.home #yhteystiedot .container {
padding: 0px !important;
}
}
@media only screen and (min-width: 767px) and (max-width: 1309px) {
#top.home #yhteystiedot .container {
padding: 0 20px !important;
}
#top.home #yhteystiedot .container .iconlist_icon {
margin-right: 10px!important;
}
#top.home #yhteystiedot .container .iconlist_content p {
font-size: 10px !important;
}
}
For tablet it reduces the padding for the iconbox and the content font so it will fit in the area, and for laptops it reduces the padding to make the iconbox larger.
Best regards,
Mike
Hi, that was a quick answer and the right solution, thanks!
Hi,
Glad we could help, we will close this now. Thanks for using Enfold.
Best regards,
Mike