Bug in CSS code

  • Resolved donpro

    (@donpro)


    10 years, 4 months ago

    Hi,

    I have ascertained that your plugin is causing a bug in responsive view on the mobile phone (I use Android).

    My URL is: http://www.goldheartstaging.com

    The code I use is:
    [tlpteam col=”4″ member=”9″ orderby=”menu_order” order=”ASC” layout=”isotope”]

    It seems that your plugin adds CSS so that the display is too wide on the mobile phone and characters are cut off.

    When IU disable your plugin, all is fine

    Is there a fix for this?

    Thanks / Don

    https://ww.wp.xz.cn/plugins/tlp-team/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter donpro

    (@donpro)

    10 years, 4 months ago

    I commented out the following lines in tlpstyle.css and the problem resolved. Then I removed the comment and can;t replicate the problem. Weird…

    .container{margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
    .container-fluid {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
    .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {content: ” “; display: table; }
    .clearfix:after,.container:after, .container-fluid:after, .row:after {clear: both; }
    .row {margin-left: -15px;margin-right: -15px;}

    Thread Starter donpro

    (@donpro)

    10 years, 4 months ago

    Well the problem, is back. The only way to fix it is to disable the plugin which I’ve done so for the moment as the owner is complaining.

    I can set it back if you want to look but meantime, I’ll need to look for another plugin.

    Rgds / Don

    Plugin Author RadiusTheme

    (@techlabpro1)

    10 years, 4 months ago

    Hello,

    Please replace this css
    * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    *:before,
    *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

    with this new code
    .tlp-team * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .tlp-team *:before,
    .tlp-team *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

    I think your layout issue will be fixed.

    Also I just tested “Isotope Layout” with my iPhone 5 it is working fine here.

    Thanks

    Plugin Author RadiusTheme

    (@techlabpro1)

    10 years, 3 months ago

    Hi,
    I think your issue is solved if still need please let me know. I am closing this topic now.

    Thanks
    Mamun

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Bug in CSS code’ is closed to new replies.