Archived topic
Moved to flexbox
8 replies · Started by Ash on July 16, 2021
Just rebuilt the footer as it was the thing that looked bad with flexbox enabled.
But it causes two things, one being yoast breadcrumbs it has added extra padding underneath. And the other is the newsletter block in the footer, on mobile it boxes it.
Thanks
Hi there,
the newsletter block - if you select the Container Block the newsletter content sits in - then in the sidebar select the Tablet ( then Mobile views ) and check the Spacing > Border - make sure those values are set to 0.
For the Yoast breadcrumb its picking up another general style.
We can overwrite that with this CSS:
.site-main #breadcrumbs {
padding-bottom: 10px;
}Thanks, doesn't seem to narrow the padding with that css.
And no border, except the 1px top one for the divider. Change back to floats and both these issues go
Can you temporarily disable your cache plugin so i can see whats going on?
Disabled.
The padding was being caused by seperating space in container settings.
No idea with the newsletter borders it looks like border-style is causing it? Yet it's not doing it on any of the other ones.
Can you go to Dashboard > GenerateBlocks and click the regenerate CSS ?
Done, still same unfortunately
Removed border, saved and added it back seems to be okay now.
Glad to hear you got that resolved!
