DUPLICATE: Mobile-first / Tabs (Nestable) / Styles are not inherited by desktop breakpoint

lopadz · July 9, 2023, 2:45am

Bricks : 1.8.3
Browser : Chrome 114.0.5735.198
OS : macOS 13.4.1

Steps to reproduce:

Set mobile-first custom breakpoints
Add a tabs (nestable) element
Apply style changes to mobile screen size to either tab title or tab content elements
Notice how these styles apply to all breakpoints until it reaches the desktop breakpoint. At that point, the default styles kick in. Also, default styles cannot be overwritten by adding new styles to that breakpoint.

lopadz · July 9, 2023, 3:55am

Same thing is happening with the icon list element. Is there any way more testing could be done regarding mobile-first custom breakpoints? It was decent before, but recent changes are making me write more custom CSS to handle these overrides. Please and thank you!

aslotta · July 10, 2023, 6:35am

Hey Ben,

thanks for your report.

Would you be so kind to record a small screencast demonstrating your exact setup and showing the issue you’re facing? That’d help a lot in reproducing it and – if applicable – confirming it to be a bug.

Best,

André

Andris · February 4, 2026, 8:57am

@timmse I also experience this issue in 2.2 RC2

Here is the styled mobile/tablet view:

Here is the desktop view, default styles kicked in and I cannot override it.

Thanks for your help!

Andris · February 4, 2026, 9:05am

I was only able to solve this issue by using !important commands in the defined mobile style.

timmse · February 4, 2026, 11:18am

Hi @Andris,
Thanks for bringing this thread up!
As you can see, we unfortunately did not receive any further feedback at that time…

However, we created a task for this problem a long time ago based on this report, but it seems that it has not yet possible to resolve it.

I will mark this thread as a duplicate and close it accordingly, and I hope that we will soon find a native solution to the problem. If so, we will let yozu know in the linked thread.

Thanks again