Page 1 of 1
Responsive Menu Formatting Question
Posted: Wed Feb 22, 2023 6:58 pm
by StrategicOne
How would one go about setting a different background color, more specifically the alpha value, when a responsive nav menu is in breakpoint mode? My main menu background color is configured with a transparent (alpha=0) when the menu is in full mode. In breakpoint mode, having the menu dropdown with a transparent background just doesn't fit in well with the page... if anything, I'd prefer it to use the submenu formatting so there's contrast between the menu and the page content.
Thanks in advance for any suggestions!
Re: Responsive Menu Formatting Question
Posted: Wed Feb 22, 2023 9:00 pm
by Pablo
You cannot use a different alpha value in breakpoints, so you will need to use a separate menu for that.
Re: Responsive Menu Formatting Question
Posted: Wed Feb 22, 2023 10:26 pm
by crispy68
You can't do it within the menu as Pablo stated but you can add some CSS via an html object to do it.
Add the following between the <head> tags:
Code: Select all
<style>
@media (max-width:1023px){.ResponsiveMenu1 li{background:rgba(0,0,0,0.5);}}
</style>
You will need to change the max-width value to 1px below where the menu changes to responsive, edit the
'ResponsiveMenu1' to match your menu ID and of course use whatever color and alpha value you want.