[Avani]

Hi,

I managed to adjust the spacing on the desktop so that there is almost no space between header, site title and testimonial section.

However, on the media screens there is still quite a lot space between the different sections.
Page: wwww.avani.online

for the desktop I adjusted:
.section-heading-wrapper {
max-width: 1090px;
margin: 0 auto;
text-align: center;
width: 100%;
}
.section-heading-wrapper {
padding: 0px 0px; }

.testimonial-content-section .entry-container {
position: relative;
padding: 3px;
}

Can someone please help me for the media screens?
Phone and Ipad.

Thank you!

[Skandha]

@avani: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#testimonial-content-section .section-heading-wrapper {
    padding-top: 20px;
    padding-bottom: 0;
}
.testimonial-content-section .entry-container {
    padding-top: 10px;
    padding-bottom: 0;
}

Let me know if this works out!
Kind Regards,
Skandha

[Avani]

Hi @Skandha: no unfortunately nothing changed on the mobile screen.

I changed the layout in the meanwhile but I’m still not able to make adjustments on the media screen for example to re-size the custom-logo on the mobile screen or make the following section NOT italic on mobile screen:
.taxonomy-description-wrapper.section-subtitle {
font-style: italic;
}

Thank you!

[Author]

Posts