Text margins on mobile | PenciDesign Support

PenciDesign replied

6 years ago

Staff Reply

Hi,

Yeah, that mean our theme can works fine with Elementor. But, in some case, if you're using header or footer builder from Elementor, it will override the header & footer template from the theme and make some css from the theme can't be works. It apply for all the themes - not for our theme only.

Best Regards,

PenciDesign

srw985 replied

6 years ago

Customer Reply

Hi,

Yeah sorry, I switched it over from ElementsKit to Elementor's build in theme builder header.

The margins problem is fixed by disabling this header and using the theme default header. Are custom headers not supported? I was under the impression from the Themeforest listing this theme is fully compatible with Elementor.

I have left the custom header disabled for the meantime.

Thanks

Sam

PenciDesign replied

6 years ago

Staff Reply

Hi,

When you remove this plugin, I can see another header appears. Have you use custom header from Elementor or something else override with the header from the theme ?

If yes, let's disable it and check it again.

Best Regards,

PenciDesign

srw985 replied

6 years ago

Customer Reply

Hi,

I have removed and deleted the plugin noted and cleared all caches etc but the issue remains, both with and without the custom CSS snippet applied.

Thanks

Sam

PenciDesign replied

6 years ago

Staff Reply

Hi,

Ahh, ok. I found the problems. I see the wrapper boxed div from the theme has been gone.

And it seems this issue caused by you've using a plugin called "Elementor Kit" - it has removed this box.

Please deactivate this plugin and check it again.

Best Regards,

PenciDesign

srw985 replied

6 years ago

Customer Reply

Hi,

It's a new install of the theme so I'm not sure why it'd be using an old stylesheet, is there a way I can manually update with the correct stylesheet by replacing files?

I have tried adding the custom CSS but it doesn't seem to have any effect, even after clearing cache.

Thanks
Sam

PenciDesign replied

6 years ago

Staff Reply

Hi,

Strange, this theme already supports that space for mobile long time ago.

But, it seems your site didn't update the new stylesheet from the theme.

Can you please make sure you've clearly all the cache and check it again on anonymous browsers on mobile to get correct results?

If it still doesn't work, please add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 479px) {
    .penci-single-smore .container,
    .penci-post-image-wrapper > .container,
    .wrapper-boxed > .container,
    #widget-area > .container,
    #footer-section > .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

Best Regards,

PenciDesign

srw985 started the conversation

6 years ago

Conversation Start

Text is appearing with no side margins on mobile devices. This negatively affects readability, particularly on devices with curved screens. Where is the setting to adjust this, or is there some CSS we can add?