Hello everyone,
I would like to change the menu color as white, see the image. How can I do it?
Hello everyone,
I would like to change the menu color as white, see the image. How can I do it?
hello @Gokmen_ARSLAN . I would like pizza.
What OJS version are you using?
What theme are you using?
Thanks
if you are using the default theme/ default child theme in OJS 3.2.x the less variables are:
.pkp_site_nav_toggle>span:before,
.pkp_site_nav_toggle>span:after {
background:red // change to whatever color that you desire
}
.pkp_site_nav_toggle > span {
border-bottom: 3px solid #f00; // change to whatever color that you desire
}
Thank you for your reply.
I use OJS 3.2.03 with health science theme.
.navbar-toggler-icon {
background-image: url(“data:image/svg+xml,%3csvg viewBox=‘0 0 30 30’ xmlns=‘http://www.w3.org/2000/svg’%3e%3cpath stroke=‘rgba(0, 0, 0, 0.5)’ stroke-width=‘2’ stroke-linecap=‘round’ stroke-miterlimit=‘10’ d=‘M4 7h22M4 15h22M4 23h22’/%3e%3c/svg%3e”);
}
the Health Sciences theme is using navbar-light navigation menu. If you only wanted to change the hamburger, you can change the color variable above, and inject it thru css.
see this for further details
Thank you for your reply.
I am modifying but cannot do. I want to do “white”
I changed but it doesn’t work.
.navbar-light .navbar-toggler-icon {
background-image: url(data:image/svg+xml,%3csvg viewBox=‘0 0 30 30’ xmlns=‘http://www.w3.org/2000/svg’%3e%3cpath stroke=‘rgba(255, 255, 255, 1.0)’ stroke-width=‘2’ stroke-linecap=‘round’ stroke-miterlimit=‘10’ d=‘M4 7h22M4 15h22M4 23h22’/%3e%3c/svg%3e);
}
have you tried clearing template cache and refreshing browser?
Yes. I did but there is an error as “rule is empty” in .css file
looking at it again, your css is missing a quote “”
background-image: url(“data:…3e”);
Thank you Berkala_Arkeologi
Now, it is okay.
Stay safe and well!