Helix Ultimate: Left And Right Margins In Smartphone And Tablet View - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Helix Ultimate: Left And Right Margins In Smartphone And Tablet View

D

Daniele

Template 3 years ago

Hi, as you can see from the screenshot, which shows an article in the tablet and smartphone view of the website.icarcevia.edu.it, created in Joomal 4.1.5, with helix ultimate 2.0.10 template, there are no left and right margins. Is there a way to increase these margins by intervening in the custom.css file? Thank you!

Regards, Daniele

0
5 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #80112

Hello Daniele

Apology for the inconvenience. Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup with you before sharing.

Best regards

0
D
Daniele
Accepted Answer
3 years ago #80324

Hello, I tried to remedy this by intervening in the "Layout" section of the template settings: Row options -> Style -> Margin 0px 5px 0px 5px. Doing so, of course, also intervenes in the desktop view (and not only in tablets and smartphones) and on the entire Main Body, including the modules that should be displayed without margins, such as the "Path" module (breadcrumb) posted in the content-top location. It would probably be better to intervene with a specific rule in the custom.css file. Regards, Daniele

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #80337

I have checked your blog page but having difficulty in understanding the issue. Please share a screenshot of your issue to understand it better.

0
D
Daniele
Accepted Answer
3 years ago #80365

The images shown are taken from the previews of the template settings.

Here you can see what happens in the tablet and smartphone display if, in the "Layout" section of the template settings, Row options -> Style -> Margin is set to 0px. As you can see, there are no margins between the content (in this case an article) and the edge of the device screen (tablet or smartphone). Here I show the setting I thought of to make the right and left margins of the contents of 5px. and here you see the result, with the text of the article "detached" by 5px from the edges of the device screen. You see, however, that everything else is also "detached" from the margins, for example also the "breadcrumb" module. Furthermore, the margins of the main body are 5px even in desktop view, which is not necessary. If possible, I would like you to tell me which code to insert in the custom.css file of the template to make sure that the right and left margins of 5px are set only for the contents and not for the whole main body, and only for tablets and smartphones.

Thank you

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #86453

Please update to the latest SP Page Builder and try adding margins in the settings. Hopefully, it should be alright. If you need Custom CSS, then share the page link and screenshots to make it as your requirements.

0