How to reduce the gap between left sidebar and main content.

[TonAdmin]

TonAdmin

March 30, 2023 at 3:47 am

Hi,
I’m using
Kadence Theme: 1.1.35
Kadence Theme Pro: 1.0.9
Kadence Block: 3.0.27
Kadence Block Pro:1.7.27

and I’ve already add this custom css to show the sidebar before content in mobile.

@media (max-width: 1024px) {
.content-area {
display: flex;
}
.content-container {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.primary-sidebar {
width: 100%;
}
}

In order to reduce the gap between left sidebar and main content, I’ve tried both of these codes (with and without the above code).

@media screen and (min-width: 1025px){
.has-left-sidebar .content-container {
grid-gap: 20px;
}
}

and

@media screen and (min-width: 1025px) {
.has-sidebar .content-container {
grid-gap: 20px;
}
}

Nothing works for me.

Another question is How to reduce the H3 text size only in left sidebar without affecting the H3 in main content.
Thanks in advance for your helps!