Navigation
Archive / Responsive View not working properly
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 5, 2016 at 12:58 am #867139

    sawal_ebcg
    Participant

    Hello,

    Our Website is http://www.ebcg.com.The responsive view is OK in most cases but our Event landing pages do some weird stuff when We use the iphone 5.The Main text is not shown properly,the Menu Does not automatically close when clicked and the Speakers’ names are all misaligned.

    Could you please give me some direction on this.

    BTW the link for our landing pages are

    http://www.ebcg.com/event/pharmaceutical-ppm-toolbox/

    WP version is 4.4.2
    and this is the custom CSS that we are using.

    heme Name: X – Child Theme: Integrity Light
    Theme URI: http://theme.co/x/
    Author: Themeco
    Author URI: http://theme.co/
    Description: Make all of your modifications to the light version of Integrity in this child theme.
    Version: 1.0.0
    Template: x

    */

    @import url( ‘../x/framework/css/site/stacks/integrity-light.css’ );

    .x-pricing-column h2 span {
    color:#FFFFFF !important;
    margin-top:15px !important;
    }

    .agreement-button {
    padding-top: 30px;
    }

    .h-custom-headline.accent span {
    padding-bottom: 4px !important;
    }

    .event-title {
    font-weight: 500;
    color: #f2f2f2;
    font-size:300%;
    text-align:center;
    margin-top: 5px;
    text-shadow: rgba(0, 0, 0, 0.498039) 0 0.075em 0.075em;
    }

    .speaker-title {
    color: #848484;
    margin-top: 0;
    margin-bottom: 26px;
    font-size: 36px;
    font-weight:400;
    }

    .event-date {
    text-align:center;
    font-size: 18px;
    color: #f2f2f2;
    }

    .value-prop {
    font-weight: 700;
    color: #666;
    font-size:38px;
    line-height:48px;
    margin-top:0;
    }

    .value-prop-mob {
    font-weight: 700;
    color: #666;
    font-size:28px;
    line-height:28px;
    margin-top:0;
    text-align:center;
    }

    .buttoncenter {
    text-align:center;
    }

    .agenda-title {
    font-weight: 700;
    color: #666;
    font-size:32px;
    margin-top: 10px;
    line-height:40px;
    }

    .agenda-title-2 {
    font-weight: 700;
    color: #f2f2f2;
    font-size:26px;
    margin-top: 10px;
    line-height:40px;
    }

    .agenda-title-2-mob {
    font-weight: 700;
    color: #f2f2f2;
    font-size:20px;
    margin-top: 10px;
    line-height:40px;
    }

    .leadbutton {
    font-size: 20px;
    margin-top:15px;
    }

    @media only screen and (max-device-width: 320px) {
    .leadbutton {
    font-size: 16px;
    .event-title {
    font-weight: 300;
    color: #f2f2f2;
    font-size:150%;
    text-align:auto;
    margin-top: 5px;
    text-shadow: rgba(0, 0, 0, 0.498039) 0 0.075em 0.075em;
    }
    }

    #field {
    font-size:16px;
    }

    .inhouse {
    right:0;
    top:0;
    width:614px;
    }

    Thank you in Advance

    April 5, 2016 at 7:25 am #867534

    Christopher
    Moderator

    Hi there,

    You are using outdated version of X and plugins.
    Please update X and plugins and disable x shortcode plugin.

    You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

    If you find anything to be out of date, you can review our update guide.

    Hope it helps.

  • Author
    Posts