Mobile Landscape Blocks Not Centered

All responsive displays look good except the second from the smallest.  I think it's the landscape phone. When it gets to this size, everything justifies left and then when adjusting to the smaller one, it centers and looks correct.  You can replicate it in the browser by obviously resizing the window all the way down to the responsive screen right before the smallest one.  Any ideas?  www.crosslinecommercialframing.com 

Comments

  • Hi, @daviddrew

    Thanks for contacting us!

    Can you please share us a screenshot to show exactly where actually does this happens?

    Thanks

  • Try with the below custom CSS to paste in the customizer Additional CSS box:

    /*image content alignment of page id 781*/
    @media (max-width: 781px){
    article#post-378 .wp-block-column{
    margin: auto !important;
    }
    article#post-378 .wp-block-column{
    margin: auto !important;
    }
    }
    /*image content alignment of page id 781*/

    Let me know did it work!

    Thanks
  • It definitely centered it, but the text to the right loses it's padding.  It runs right up against the image and looks bad when moving to a mobile view.  Can that be fixed too?
  • Hi,

    Try with the below custom CSS:

    @media (max-width: 781px){
    article#post-378 .wp-block-column {
        margin: auto !important;
        margin-top: 25px !important;
        padding: 20px !important;
    }}

    * Change the value 25, 20 if required to adjust more.

    Thanks
Sign In or Register to comment.