This topic has 8 replies, 2 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler
Hi, guys
I have two issues:
1. The alignment of the main menu is not behaving correctly by the looks of it. The position is to the right as long it is under 1200px (wild guess). This is what I want-The menu float to the right at all times. but unfortunately with higher resolution it jumps to the left.
2.I would like to remove the white line bordering the header. (screen attached)
Thanks and Regards,
Gert
Hello,
Please add this code in custom.css of parent theme or in style.css file of child theme:
.menu-main-menu-container {
float: right;
}
.main-nav {
border: none;
}
Regards
Thank you!!! Does it make a difference if I put the code to additional CSS instead of style.css, because it had no effect in style.css, but works perfectly with additional CSS. I am using a child theme.
You’re welcome!
The code can be added in additional CSS area without any problem.
Regards
Is it possible to hide the border on mobile as well? Thanks.
Please change this code:
.main-nav {
border: none;
}
to:
.header, .main-nav {
border: none;
}
Regards
Thank you!! Worked perfectly!
You’re welcome!
Regards
You must be logged in to reply to this topic.Log in/Sign up