Full Width Page When have Right Or Left Module Positions
Mel
Hi,
I am trying to reduce the space either side of my pages for a better display of my content. This was easily achieved when I removed the right and left positions from my componant area. However I have some pages that require right module positions next to the componant area and setting it to fluid width does not have any effect. I basically want to reduce the whitespace at the left and right of the main body so that both the componant area and the right side menu are wider.
Is it possible to acheive this? If yes, how. Here is the css I used to achieve what i wanted when I only have the componant position with fluid width:
sp-main-body {
padding-top: 100px; padding-left:40px; padding-right: 40px; }
Hope you can help
Kind regards
Mel
Rashida Rahman
Accepted AnswerHi there!
Would you please give me screenshots of your issue and how you want it to look along with your site URL to visit the problem area?
However, if you want some pages will have left/right modules and some pages not, then you can duplicate your template style to allow a template style with left/right module position in Layout builder and another template style with a full-width component area. Now assign menu items to them accordingly.
Hope this will serve your purpose!
Best Regards
Mel
Accepted AnswerHi,
I have created 2 separate templates, one to display full-width content (no right module position) and with the css I posted above. This works beautifully.
The duplicated template is exactly the same as the first, but it does include a right menu next to the component area. I want to reduce the right and left space so this area displays more of the content. So basicall the left side of the component area and the right side of the module in the 'right' position.
Please see the image of what i mean in the link posted in hidden area.
Hope it makes sense