Skip to main content

How to change Ionic side menu background color


The Ionic side menu template one of my favorite templates to work with, having said that i absolutely hate the white background of the side menu in sidemen template. So here is a way to change the appearance of your side menu.

We will need to add a class “custom” to the ion-content tag in the www/templates/menu.html

Notice that my ion-header-bar has a class of bar-assertive as well.


We can add our custom menu styles to the www/css/style.css which will override the default styles.


And this is the result

Ionic side menu color change



Got A Question?

Hit me up in the comments here or on the comments section on my YouTube Channel or on twitter @pointDeveloper


Consider Subscribing / Donating
Subscribe To Mailing List
If my site was helpful to you, then please consider donating via paypal:

Prantik Vaghela (pointdeveloper)

Hi my name is Prantik Vaghela. I have done my Bachelors and Masters in Computer Science and am a web developer and now a Tutor through my blog. :-)

%d bloggers like this: