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?
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.
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 ?
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.
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.
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?
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
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
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
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
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
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
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