Support » Theme: Modern » Changing the page padding/empty space (mobile)

  • Resolved gragaer

    (@gragaer)


    Hello there,

    I again have two questions for this otherwise really great theme 🙂

    One thing I’d like to change is the padding of a page (e.g. on my homepage > design). On the phone, a lot of space is being ‘lost’ left and right and I’d like to adjust that. Is this possible?

    On a phone, this theme also has a large unused space left and right from the actual ‘body’ further decreasing the space on a single window… Is it somehow possible to deactivate the dark empty space left and right on the phone?

    Thanks already!

    Best regards,
    Ben

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi Ben,

    Please understand I provide support via https://support.webmandesign.eu/

    The homepage displays a list of posts and each post is encapsulated within its own “box” to separate it from other posts. The actual dark padding around is a default padding the theme applies on mobile screens.

    If you want to get rid of that “dark padding”, please try using this custom CSS:

    .site-content-inner,
    .front-page-section-inner {
    	width: 100%;
    }

    Best regards,

    Oliver

    gragaer

    (@gragaer)

    Oh perfect, thank you so much for your help – once again 🙂

    Could you also tell me how to adjust the normal (‘white’) padding on the phone?

    Thank you!

    Best regards,
    Ben

    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi Ben,

    Please try using your web browser code inspector to determine the CSS for your theme modifications.

    You can try this custom CSS:

    @media (max-width: 420px) {
    	.posts .entry,
    	.entry-content-container {
    		padding-left: 10px;
    		padding-right: 10px;
    	}
    }

    Regards,

    Oliver

    Hi,I need assistance in resolving the white gap an having on the right hand side of the mobile version of my website using Astra theme on elementor (not Pro)

    I have tried troubleshooting with options offered by others , rather than resolve the issue , its turning my site into a mess and it gets frustrating

    I’ll be glad if you can assist me on this.

    link https://evaluenetwork.com

    Thanks,

    Jay

    • This reply was modified 4 weeks, 1 day ago by  jaydollar.
    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi Jay,

    I’m sorry, but please understand I provide support only for my own products. This is a support forum for Modern theme. As you are using Astra theme, I suggest logging support ticket at their support forum, or at Elementor plugin support forum.

    If I may provide a tip, the issue seems to be coming from the first Elementor section on your page, most likely from the take off the limits ... see the other side text. Try to work with that one to see if it helps.

    Thank you for understanding and best of luck resolving the issue.

    Best regards,

    Oliver

    Hi,

    Ok, I thought this was a general Astra Support forum to assist in resolving issues,sorry for the bother. Anyways I went ahead with your suggestion and it worked just fine.
    Thanks for the help

    rgds

    Jay

    Hello Oliver,

    Thanks for the continuous support. The important changes have worked out well, I couldn’t change the padding on a phone with the code you suggested but it’s not that big of a deal. Thanks!

    Regards,
    Ben

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.