hai Anirudh
try this one on your css
header#kad-banner {
margin: 0;
}
.wrap.contentclass {
padding: 0;
}
div#pg-104-0 {
margin-bottom: 0;
}
div#pg-104-1 {
margin-bottom: 0;
}
Thread Starter
Anirudh
(@anirudh1502)
hey!
This CSS helped me remove the extra white space, but the issue now is:
The pages in the top bar menu are being listed below on the page content after the space becomes insufficient on the right end of the top bar.
As you can see, the pages are being listed on the second row below the top bar, essentially on the page content.
Could you please let me know how I should be handling this issue.
You have added this css:
@media (min-width: 768px){
.kad-topbar-left {
width: 30%;
float: left;
}
.kad-topbar-right {
width: 70%;
float: left;
}
}
Change it to this:
@media (min-width: 768px){
.kad-topbar-left {
width: 25%;
float: left;
}
.kad-topbar-right {
width: 75%;
float: left;
}
}
Thread Starter
Anirudh
(@anirudh1502)
I tried changing the CSS as above, but still I have the same error!
Just take the settings further… change from 75 to 80 etc.
Kadence Themes
