Make Information Section on Mobile Wider

  • Hi, I’d like to make the information and overlay wider on mobile, it’s fine on desktop so I DON’T want to change it at all. Is there anything I can do to make that happen? I’m currently using this code for spacing:

    }
    div#primary {
    background: rgba(250, 250, 250, 0.85);
    padding: 30px 50px 0px 50px !important;
    }
    .elementor-section.elementor-section-boxed>.elementor-container {
    background: rgba(250, 250, 250, 0.);
    padding: 0px 0px 40px 0px !important;
    }
    @media only screen and (max-width: 959px) {
    .container, body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%;
    padding: 0 !important;
    }
    }

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

Viewing 1 replies (of 1 total)

  • Hello @nickmclamb1,

    Sincere apologies for the extremely long wait, we have been a bit shorthanded and on the other hand overwhelmed with work during this covid situation.

    If I understood what you are trying to achieve, you can use this code:

    @media only screen and (max-width: 959px) {
.home div#primary {
    padding: 0px !important;
}
}

    However, I would advise you to go through your design in Elementor first, and change the values for each section respectively depending on the mobile device, before you apply any custom CSS codes.

    Hope this helps. Best of luck with your website

Viewing 1 replies (of 1 total)
  • The topic ‘Make Information Section on Mobile Wider’ is closed to new replies.