Text only | Text with Images

AbanteCart Community

Shopping Cart Operations => Support => Topic started by: riswan on September 29, 2019, 01:34:14 PM

Title: Mobile View - Hamburger Menu Button Color become White - How to Change Colour
Post by: riswan on September 29, 2019, 01:34:14 PM
Hi,

I changed the default header colour to white and it is working fine in desktop version but now in the mobile version the hamburger menu button is in white colour bordered with thin black lines as a square.

If I click it, the black colour of menu icon is visible. If I refresh the page, it goes back to default i.e. the menu button colour is white with black line border.

I have attached a screenshot. Please help me how to change the menu icon colour in mobile view?

Thank you.
Title: Re: Mobile View - Hamburger Menu Button Color become White - How to Change Colour
Post by: Basara on September 30, 2019, 06:00:25 AM
Hello.
You can do this with CSS rules. You can find what rule to change with browser inspector https://abantecart.atlassian.net/wiki/spaces/AD/pages/7569496/Debug#Debug-Browserinspector
Title: Re: Mobile View - Hamburger Menu Button Color become White - How to Change Colour
Post by: riswan on September 30, 2019, 04:06:02 PM
Solved! Thank you.
Title: Re: Mobile View - Hamburger Menu Button Color become White - How to Change Colour
Post by: Basara on October 01, 2019, 01:44:44 AM
Quote from: riswan on September 30, 2019, 04:06:02 PM
Solved! Thank you.
Great! Would be nice if you share solution to help community  ;)
Title: Re: Mobile View - Hamburger Menu Button Color become White - How to Change Colour
Post by: riswan on October 01, 2019, 09:34:23 AM
To be honest, I didn't record the exact line where I made the change.

I edited the bootstrap.min.css file and changed the colours, I believe this code hover{color:#fff;background-color:#337ab7}

I actually tried changing colours few different codes and finally got the right one.

Text only | Text with Images