How to style mobile menu via theme styles?

Hi all,

this is my problem,

I set a theme style special for Sigle Post Blog
and for all single page use default theme style.

i set a menu on header template, with default theme style,

now in frot end:
my mobile menu on All Page its correct
but when i open a blog single page, the mobile menu style not using the default theme style.

so i try to setting the mobile menu in theme style for blog (under element nav menu),
but in there, there is no setting for mobile menu… (only top n sub lever menu)

how can i fix this?

If you plan on using the same header on your entire website, I would set the mobile menu styles directly when editing your header template, not via the theme styles.

Why is that? Aren’t the styles supposed to be used globally?

Welcome to the forum, @rdcs :slight_smile: It’s really up to you how you want to apply your theme styles through “Conditions”. This gives you much more power & flexibility :wink:

More information about “Theme Styles” in Bricks: Theme Styles – Bricks Academy

Thanks @Thomas for the warm welcome! I just got curious how you meant it, cause I did misinterpret the use of for instance section template which is different from header/footer template. I thought there might be a similar hidden convention buried in your comment. =)

Also, I have experienced that theme styles do not override other settings as I have been expecting them to do and made my own mental priorities list, where it seems the Customiser has the last say-so in the cascade whenever you add the !important keyword to it, but then again, that will always be valid regardless of where you are in the cascade, so my “insight” is pretty useless. :slight_smile:

I j just now saw that there actually is a section explaining it all which is very helpful. Perhaps studying that in practice can help me shed some light on the non-functioning overrides.