tgedge1

This issue – which seems to be at the heart of this bug – has my site at a virtual standstill.

I cannot update any pages without breaking the button styles.

https://github.com/WordPress/gutenberg/issues/19287

See this link – https://imgur.com/NLuCMv3

Gutenberg would not intentionally remove an option would they?

I think this is a bug.

I also changed themes to twenty nineteen and issue still exists.

Andrew,

Turns out I have plugins on all three browsers which were conflicting with the layout in Firefox. I have not used Incognito before and it was a pleasant revelation. Incognito mode on all three browsers worked great. And I imagine now that Browserstack will respond likewise.

And Flexbox is really cool. Have never used it before – but will probably not go back! :^)

I really appreciate all your help with this.

Lets hold off for the evening. And let the caches clear. That might help. (We are behind a firewall that might be slower than our changes) Thanks for the help!

I am looking at these in BrowserStack.
https://live.browserstack.com

I got rid of those styles.

The desired appearance (a photoshop mockup): https://imgur.com/a/ECbiedG

And F12 in Chrome: https://imgur.com/a/F6a7hRQ

• This reply was modified 5 years, 7 months ago by tgedge1.

Opps… hey Andrew, this is still an issue… https://imgur.com/a/n0kyY4Y

(facets aren’t stacking at small viewport size)

Thanks Andrew! I will check it out doing what you said!

I really appreciate your help!

• This reply was modified 5 years, 7 months ago by tgedge1.
• This reply was modified 5 years, 7 months ago by tgedge1.
• This reply was modified 5 years, 7 months ago by tgedge1.

Okay – In Firefox Dev Edition – (could not for the life of me figure out how to make Firefox Incognito-mode)…

BUT Dev Edition shows side by side on the desktop – as it should.

However – like Chrome and Edge, Firefox also doesn’t stack when I narrow the window. The facets all scrunch together.

So part of the puzzle is solved! And I’m not really lost with the Flexbox thing. :^)

*** just figured out Incognito – and yes – side by side there also.

• This reply was modified 5 years, 7 months ago by tgedge1.
• This reply was modified 5 years, 7 months ago by tgedge1.

Andrew,

1 – No change on Firefox (still shows as stacked)
2 – Chrome (Windows) shows proper orientation – but does not stack when window narrows
3 – MS Edge (Windows) same as #2 above shows proper desktop orientation – but does not stack when window narrows.

Desired Desktop Orientation (essentially inline if that makes sense):
Bar Dia Range | Bar Length | Head Stock | Brand

Desired Mobile Orientation(essentially stacked):
Bar Dia Range
Bar Length
Head Stock
Brand

• This reply was modified 5 years, 7 months ago by tgedge1.

Yes – I am writing it and have access. Would each need a different style?

Also – I’m wanting it to stack (be mobile responsive) – just don’t want it to stack on the desktop.

Let me know.

Thanks Long, but I don’t want to add another plugin. I’d like to do it using code.

Thanks Steve!

Worked like a charm. I would like to learn how to do this programmatically, but knowing this tool is available is a great help.

Have a great day.

I get the basics – was curious as to where the code gets put in the Customify code exactly. Or does customify not provide a location for it and I have to use a plugin to accomplish the task?

Thanks for continued support.

Thanks – but none of those do what I want them to do. Flushed the cache – will see if that makes any difference tomorrow. Thanks again!