Remove white space to the right of page

SOLVE
Top Contributor

There is white space to the right of a few of my pages that use similar templates.

 

Here is an example of one.

 

I think it is pulling through from either the menu or the header of the pages.

 

Does anyone have any idea why this is happening and how to get rid of it?

 

Any advise would be greatly appreciated.

 

Many thanks,

 

Jamila

1 Accepted solution

Accepted Solutions
Top Advisor | Gold Partner

@Jlawal - On your grid of logos, the margins on the left and right and changing the width of the parent container. Those are inline styles in the DnD builder. Can you change those to padding instead of margins?

Here's a screenshot: https://monosnap.com/file/dUflFpA7oOPa3WjXRBINL1Xnrm2Yf6


If this answer helped, please, mark as solved Smiley Very Happy


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

5 Replies 5
Top Advisor | Gold Partner

@Jlawal - On your grid of logos, the margins on the left and right and changing the width of the parent container. Those are inline styles in the DnD builder. Can you change those to padding instead of margins?

Here's a screenshot: https://monosnap.com/file/dUflFpA7oOPa3WjXRBINL1Xnrm2Yf6


If this answer helped, please, mark as solved Smiley Very Happy


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Top Contributor

Hi @tjoyce

 

Thank you for replying!

 

I have made that change and  although the white space has gone, my icons are now squished together rather than spread out like before Cat Sad. Do you know how i can fix this?

 

Many thanks,

Jamila

Top Advisor | Gold Partner

@Jlawal - I see that... I think you will have to go into the builder and do 3 rows instead of 2 or remove the inline styles altogether and let that be a full width row without a container.

Highlighted
Top Contributor

Hi @tjoyce,

 

Thank you!! I removed the styling around the container, but then the logos on the bottom row didn't sit right, so i added 'padding-left: 135px;' and changed the max-width to 1900px and now it looks as it did before.


Is that ok do you think?

Top Advisor | Gold Partner

@Jlawal - I'm on a 4k monitor so I can test the higher resolutions and it doesn't work. See screenshot below:

4k.png

What I recommend is that you remove all of those inline styles on that element and just add the class "page-center"

see this screenshot after adding page-center and removing the inline styles

pc.png