Mobile masthead widget vertical spacing | WordPress.org

Resolved dkselw
(@dkselw)

5 years, 10 months ago

I am using the Layout Builder to place a logo and some buttons in the Masthead. It looks ok on a PC, however on a mobile device the widgets vertical spacing increases.

Is there a way to get the widgets to collapse under each other with a smaller vertical spacing?

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Andrew Misplon
(@misplon)

5 years, 10 months ago
Hi, try adding the following to Customize > Additional CSS, does that helps?
```
@media (max-width: 768px) {
	#masthead #masthead-widgets .widgets .widget {
		margin: 0;
	}
}
```
Thread Starter dkselw
(@dkselw)

5 years, 10 months ago

Hi Andrew
I added the CSS code you suggested, however it did not appear to change anything.
Andrew Misplon
(@misplon)

5 years, 10 months ago
Let’s try:
```
@media (max-width: 768px) {
        #masthead #masthead-widgets .widgets .widget {
                margin: 0 !important;
        }
}
```
Thread Starter dkselw
(@dkselw)

5 years, 10 months ago

Hi Andrew.
That looks a lot better, thanks.

Andrew Misplon
(@misplon)

5 years, 10 months ago

Glad that helped. All the best.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile masthead widget vertical spacing’ is closed to new replies.

In: Themes and Templates
5 replies
2 participants
Last reply from: Andrew Misplon
Last activity: 5 years, 10 months ago
Status: resolved