Skip to content
Public Ticket #5115

Images overlapping text on mobile

Conversation thread

A9210833 replied

Customer Reply

Thanks, you guys are great! 

Andy

PenciDesign replied

Staff Reply

Hi,

I've fixed all your issues ( include Footer Columns responsive issues  ) by add more this code to Customize > Custom CSS:

\
@media only screen and (max-width: 769px){\
    .wp-block-gallery{ display: block; }\
.wp-block-gallery:before, .wp-block-gallery:after {\
    content: '';\
    display: table;\
    clear: both;\
}\
    .wp-block-gallery .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure{\
        display: inline-block;\
    }\
    .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure{ width: 100%; }\
    .footer__sidebars .footer-sidebar-item{ width: 100%; }\
}\

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

Please send me your admin url and admin account ( username and password  ) - in a private reply. I will take it a look on this help you.

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to fixed that issue:

\
@media only screen and (max-width: 769px){\
.wp-block-gallery:before, .wp-block-gallery:after {\
    content: '';\
    display: table;\
    clear: both;\
}\
}\

Best Regards,

PenciDesign

Want to join this conversation or access attachments? Sign in first.