Display on mobile

Hi everyone,

I am having some trouble with mobile display on some iPhone devices, I am not sure why it's happening. 

1. In the footer empty boxes are appearing, but I can't find any extra space when I edit the footer.

2. The News section of the website does not fully load on some mobile devices. 
 

I would appreciate any recommendations on how I could fix this. 

Hi,

What is your site url? We can check problem easier

@tuanphanthank you for your reply. the url is https://www.seamusobyrne.com

You can add this to Design > Custom CSS

/* Mobile Footer */
@media screen and (max-width:767px) {
.fe-63ea85b418e4be31c3e133dd {
    grid-template-rows: repeat(1,minmax(24px, auto)) !important;
}
[data-section-id="63ea85b418e4be31c3e133de"] {
    min-height: unset !important;
}
}

Hi @tuanphan I'm sorry for my slow reply. Thank you for your response, the code has helped to reduce the space but the boxes are still appearing beside copyright symbol. I think it has to do with the browser on my mobile as it does not appear on other devices. Thank you for checking this out for me. 

On 8/13/2023 at 1:46 PM, NOByrne said:

Hi @tuanphan I'm sorry for my slow reply. Thank you for your response, the code has helped to reduce the space but the boxes are still appearing beside copyright symbol. I think it has to do with the browser on my mobile as it does not appear on other devices. Thank you for checking this out for me. 

You can edit Footer > Remove Text Block > Add new Text Block > Enter Copyright text again (remember to type it manually, don't copy - paste)