Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #264138
    Avani
    Participant

    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!

    #264170
    Skandha
    Keymaster

    @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

    #264213
    Avani
    Participant

    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!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.