Mobile View Formatting Issues

  • lucianacosmi

    (@lucianacosmi)


    3 years, 2 months ago

    Hello,

    As you may notice that the link to the site displays perfectly without error, however, in mobile view boxes stack upon another, text gets skewed, elements are distorted. I believe this is an issue within the element css itself but I cannot be for certain. It is also the only page on the site that suffers from this dillema.

    I would love to gain any insight on what may be causing the problem.

    Thankyou.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Joy

    (@joyously)

    3 years, 2 months ago

    If you aren’t using a plugin for mobile view, then the theme is responsible. As each theme is different, you should ask at the theme’s support forum so that everyone can get the fix.

    Moderator bcworkz

    (@bcworkz)

    3 years, 2 months ago

    There’s a column width rule in /wp-content/uploads/js_composer/js_composer_front_custom.css that is much too narrow for mobiles. If this is indeed custom CSS, your theme’s support may not be willing to help you since a fix wouldn’t benefit anyone else.

    The applicable rule is at line 296.

    .vc_col-xs-3 {
    width: 25%;
}

    You’ll want an overriding rule within a media query which sets the width to 100% on mobiles. Don’t change that rule, it’s fine for wider screens.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile View Formatting Issues’ is closed to new replies.