Site logo

Archived topic

How can I make this page and all content fit perfectly within desktop and mobile

3 replies · Started by Dikson on May 31, 2022

Viewing posts 1–4 of 4

I have this page Event organiser that has parts of it cut off. I cant edit it on elementor as it is a default template. Is there a css code that allows this page to show all content and fit perfectly onto a desktop and phone screen.

Hi Dikson,

For this specific page, you can try adding this CSS in Appearance > Customize > Additional CSS:

.postid-46110 div#page {
    margin-top: 70px;
}

Kindly modify 70px with your preferred value.

Hope this helps!

Thank you, that works. Also how can I make it fit my phone screen. Now it looks like squished to middle of screen. I want to make it fit the phone screen.

Thank you

You can try going to Appearance > Customize > Layout > Container > Content Padding, then set the view to mobile, and reduce the padding: https://share.getcloudapp.com/4gurb80L

Kindly let us know how it goes.

This archived topic is closed to new replies.