Stretching row doesn't fit in mobile devices

  • Unknown's avatar

    Problem with the main video header paddings. I’m continuing the work of another person that’s running a WordPress website. https://www.oceantos.com

    The WPBakery Page builder / Visual composer plugin, which came bundled with the theme on the website, has an option to choose to stretch row without padding’s, but only works correctly in Desktop mode, and in mobile have extra top and bottom paddings… The plugin says that if it doesn’t change this way, it might be because a parent container has “overflow: hidden” CSS property. But i don’t sure that this is the reason. I looked at the style.css for this, but there were maybe about 40 such “overflow: hidden” cases, and I don’t know which one to remove. The problem is only in mobile devices / small devices, with a extra padding. in Desktop / Full devices the main header looks correctly.

    I would really appreciate your help!

    I tried this from another question using this code but i don’t sure is the right thing to do or that i choose the correct VC_CUSTOM_#:

    .wrapper.main .row.content-wrap { max-width: 100%; }

    .row.main-row { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }

    .wrapper.main { padding-left: 10px; padding-right: 10px;}

    .vc_custom_1557812212654 { margin-bottom: 0 !important;}

    {Question that i see from another member: Row stretching not working}

    Problem only with mobile / small devices. (The padding’s that are between the MENU BAR and the next SECTION..)

    In desktop works correctly.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    The blog i need help with is not correct.. it has been added from the bad settings before posting. This is the website: http://www.oceantos.com

  • Unknown's avatar

    Only happens when use a Local Server Video. If im put youtube url video it looks perfect

  • The topic ‘Stretching row doesn't fit in mobile devices’ is closed to new replies.