Archived topic

Mobile responsive issue

6 replies · Started by phaadmin on June 26, 2020

Viewing posts 1–7 of 7

June 26, 2020 at 5:44 pm #1343190

Hi there,

I can't seem to shift the content container to the left on mobile. I've tried to adjust settings in Appearance > Customise > Layout > Container but nothing works. I've looked at other people's forum topics and suspect something else is controlling this Elementor? But still can't fix. Any help would be awesome

Thanks, Graham

June 27, 2020 at 12:44 am #1343345

Hi there,

in Appearance > Customise > Layout > Container you can set separate padding options for mobile by clicking the mobile icon before changing its values.

June 27, 2020 at 8:18 pm #1344123

Hi David,

Thanks for that, I've already tried that and it doesn't work, which is why I thought it is being controlled by another plug in. Can I give you the website log in and you have a look?

Thanks, Graham

June 28, 2020 at 6:13 am #1344364

Aah ok go to Customizer > Additional CSS and remove this:

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container {
    padding: 76px 20px 21px 76px;
}

June 28, 2020 at 4:08 pm #1344886

You, my friend, are awesome! Thanks :)

June 28, 2020 at 10:32 pm #1345053

Just one more thing, the following page doesn't seem to be responding to the change in mobile padding: https://www.phansw.org.au/shop/

Any idea why?

Cheers, Graham

June 29, 2020 at 1:08 am #1345145

I am seeing the same padding on the shop page as the other pages.
Browser caching maybe?

This archived topic is closed to new replies.

Start building better websites today.