Reducing the space between title and content on mobiles

  • How can I reduce the space from sticky header (on mobiles) and the content of the page? Now I have:

    @media only screen and (max-width: 769px) { h1.cm-site-title { display:none
}
    }
@media only screen and (max-width: 769px) { h3.cm-site-title { display:none
}
    }
@media only screen and (max-width: 769px) { .cm-site-description { display:none
}
    }
@media only screen and (max-width: 769px) { .cm-header-2 { display:none
}
    }
@media only screen and (max-width: 769px) { .cm-content { padding-top:1px
}
    }

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @sacconi,

    Thank you for writing in,

    We have checked your site and found the desktop menu creating the space. We have tried to replicate the issue, but it is not showing in our testing environment.

    To fix your issue please go to your Dashboard >> Appearance >> Customize >> Additional CSS and add the following CSS.

    @media only screen and (max-width: 769px) {
    header#cm-masthead {
    display: none;
    }
    }

    I hope this helps you to fix your issue.

    Regards!

    Thread Starter sacconi

    (@sacconi)

    I would put a margin-top about 30px, so that the header is no so close to the content, how can I do it? thank you

    Please try the following CSS code to create the space between the header and the content area.

    @media only screen and (max-width: 769px) {
    .cm-content {
    padding-top: 30px;
    }
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reducing the space between title and content on mobiles’ is closed to new replies.

Tags