Archived topic
3 issues on a page...
7 replies · Started by Afreen on April 20, 2021
I have 3 issues on my homepage
1. keep the social icons to the right side of the topbar?
2. How to remove the space between Topbar and header menu?
3. I noticed that a minor space on the right side of the page inthis the scroll is also visible, how to remove that space and make all the page to be fix width?
Please refer this Image to get you an idea of what Issues I have Image for your reference
Hi Afreen,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Sent the site link on private
Hi Afreen,
For #1)
Can you try putting the social icons on a separate wrapper/container? so we can format it separately.
For #2)
Check the Block element for any empty paragraph block added below the top bar container block. Remove it.
For #3)
The 2nd container block within the content has a negative margin value on mobile. This causes the space you see here - https://share.getcloudapp.com/8Lub98mE
Hi Elvin,
For #1)
Can you try putting the social icons on a separate wrapper/container? so we can format it separately.
What you mean separate should I make a 2 column?
For #2)
Check the Block element for any empty paragraph block added below the top bar container block. Remove it.
I remove the topbar for testing and I noticed the space between the navigation header and top is still? You check the website link posted on the private.
For #3)
The 2nd container block within the content has a negative margin value on mobile. This causes the space you see here – https://share.getcloudapp.com/8Lub98mE
You mentioned the where's the problem but to I clear this issue?
For #1)
I don't see a top bar currently, we can take a look when it's there. I didn't see the topbar, but I think what Elvin means is put the social icons in a container, NOT share the same container with the location.
For #2)
You removed the top bar content, but the empty paragraph is still there which generates a 1.5em margin-bottom (orange part).
https://www.screencast.com/t/AXADutdSS2
For #3)
Select this GB container, click the mobile icon to switch to mobile mode, change the margin-left -29px to 0.
https://www.screencast.com/t/YCWmAKgZl
Hi Ying,
Can you do me a favor just make a small video clip as you did before to show how to do this , Image click here the exact topbar I need
The blocks you'll need are
1. Grid with 2 containers.
https://docs.generateblocks.com/article/grid-overview/
2. AddButtons block into the left container of the Grid, add 3 Button in the Buttons wrap.
https://docs.generateblocks.com/article/buttons-overview/
3. Do the same to the right container of the Grid.
You are almost there, hope you can figure it out :)
