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
2 Likes
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”);
2 Likes