Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 12, 2017 at 8:00 am #776510
    frankiecol

    Any assistance is greatly appreciated.

    Thanks.

    http://www.gcbilliards.com

    April 12, 2017 at 8:34 am #776527
    Vinay

    Hey frankiecol,

    We checked your site and it appears fine on my end. Please elaborate the issue you are having with the site.

    Best regards,
    Vinay

    April 12, 2017 at 3:28 pm #776703
    frankiecol

    Hi Vinay,

    It’s fine on mobile but tablets and small monitors stretches out some of the content.

    Here’s an example: http://quirktools.com/screenfly/#u=http%3A//www.gcbilliards.com&w=1024&h=768&a=22

    Thanks,
    Frank

    • This reply was modified 7 years, 7 months ago by frankiecol.
    April 13, 2017 at 4:23 pm #777366
    Victoria

    Hi Frank,

    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 (max-width: 1024px) {  

#top .no_margin.av_one_third {
  padding: 50px 30px !important;
  font-size: 16px;
  line-height: 22px;
  text-align:center;
}
#top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
    width: 60px;
    height: 60px;
    font-size: 27px;
    line-height: 60px;
    margin-right: auto;
    margin-bottom: 20px;

}
#top .iconbox_icon {
  float: none;
  margin: 0 auto;
      text-align: center;
}
.iconbox .iconbox_content .iconbox_content_title {
  text-align: center;
}
}

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

    April 13, 2017 at 9:26 pm #777542
    Vinay

    Hi,

    Please try this if you have any issue.

    NOTE : Update the max-width value to any screen size to trigger the responsive version of the icon box :)

    /* Iconbox responsive in tablets */
@media only screen and (max-width: 1150px){
.iconbox_left_content .iconbox_content, .iconbox_right_content .iconbox_content {
    width: 100%;
    padding: 20px 0;
}
.avia-icon-list .iconlist_content_wrap {
    width: 100%;
    padding: 20px 0;
}
.avia-icon-list .iconlist-timeline {
	display: none;
}.hr-inner {
    width: 100%!important;
    min-width: 80px;
}}

    Best regards,
    Vinay

    • This reply was modified 7 years, 7 months ago by Vinay.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.