Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1434302

    Hello,
    I am trying to remove the padding of a column and its elements within a grid row for mobile view only. I tried using the following code but it only removes the padding within the grey text box, not the column itself. I need the entire column to be full screen width in the mobile view only.
    Thank you

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .av-flex-cells .no_margin {
    padding-left: 0% !important;
    padding-right: 0% !important;
    }
    }

    #1434360

    Hey st,

    Thank you for the inquiry.

    You may need to adjust or reset the left position of the column element on mobile view. Please try this css code.

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .flex_column.av-lsi2hb8k-6aee99cc1e1fcfe1529179ad547236c0 {
        position: relative;
        left: 0;
      }
    }
    

    The default value of the left property is 100px. After the adjustment, it should look like the following screenshot.

    // https://1drv.ms/i/s!AjjTfXSRbKTvgtxXjDgZ042XkpoRAQ?e=IJmlB2

    Best regards,
    Ismael

    #1434425

    Unfortunately, that did not seem to work, left padding is still in effect. I tried adding it to the Additional CSS then to the Quick CSS. Also cleared cache.

    #1434455

    Hi,

    Thank you for the update.

    We’ve found an invalid code in the Quick CSS field and removed it. This code should be added in the functions.php file.

    function ava_remove_title_attr(){
        ?>
        <script>
        jQuery(window).load(function(){
            jQuery('#wrap_all img.avia_image, #wrap_all .avia-gallery-thumb img, #wrap_all .avia-gallery-thumb a').removeAttr('title');
        });
        </script>
        <?php
        }
    add_action('wp_footer', 'ava_remove_title_attr');
    

    We also edited the css a bit and temporarily disabled the Enfold > Performance > File Compression settings. You can enable this option back once you’re done editing the site. Please make sure to do a hard refresh before checking the page.

    Best regards,
    Ismael

    #1434505

    This worked perfectly. Thank you so much!

    One last question, in that same grid. Again in mobile view, is it possible to have the the background image appear in under the bio box (the one you just helped me with)?

    #1434619

    Hi,
    Thank you for your patience, in the grid element the cell with the background image was set to be hidden on mobile, so I changed it to show under the first cell:
    Enfold_Support_4737.jpeg
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1435655

    Thanks everyone!

    • This reply was modified 1 month, 2 weeks ago by st.
    • This reply was modified 1 month, 2 weeks ago by st.
    • This reply was modified 1 month, 2 weeks ago by st.
    • This reply was modified 1 month, 2 weeks ago by st.
    #1435669

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Column padding on mobile’ is closed to new replies.