Archived topic
Hello. How to round the corners of the main menu if it is placed sideways on the
6 replies · Started by Anton on October 29, 2021
Hello. How to round the corners of the main menu if it is placed sideways on the site?
Hi Anton,
Give this CSS a try:
.inside-right-sidebar aside:nth-child(1) {
border-radius: 20px;
}
If it doesn't work, can you link us to the site in question?
You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
On the menu site in the left sidebar, the code did not work
please help
Hi there,
you have this CSS:
.inside-article, .sidebar .widget, .comments-area {
border-right: 2px solid rgba(0, 0, 0, 0.07);
border-top: 2px solid rgba(0, 0, 0, 0.07);
border-left: 2px solid rgba(0, 0, 0, 0.07);
border-bottom: 2px solid rgba(0, 0, 0, 0.07);
box-shadow: 0 0 3px rgba(232, 234, 237, 0.5);
border-radius: 15px;
}
Change it to:
.inside-article, .sidebar .widget, .comments-area, .gen-sidebar-nav nav {
border-right: 2px solid rgba(0, 0, 0, 0.07);
border-top: 2px solid rgba(0, 0, 0, 0.07);
border-left: 2px solid rgba(0, 0, 0, 0.07);
border-bottom: 2px solid rgba(0, 0, 0, 0.07);
box-shadow: 0 0 3px rgba(232, 234, 237, 0.5);
border-radius: 15px;
}
Thanks, everything worked!!
Glad to hear that!