Removing White Space Between header and content ON MOBILE.

  • Resolved dixonleung

    (@dixonleung)


    3 years, 11 months ago

    Hi all,

    I need some help removing white space between header and content ON MOBILE only. I’ve adjusted on desktop via a negative margin top css.
    I think this was caused as i used the Title Toggle, however I cant find any CSS or snippet to fix it.

    Here is a screenshot of the space:

    View post on imgur.com

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    You could try the following custom CSS in your WordPress options under **Appearance > Customize > Additional CSS**:

    
@media (max-width: 768px) {
    .home.post-type-archive-product .site-header {
        margin-bottom: 0;
    }
}
    Thread Starter dixonleung

    (@dixonleung)

    Thank you @riaanknoetze, however that did not change anything.

    Plugin Support RK a11n

    (@riaanknoetze)

    Can you share a screenshot of where that CSS was added? I’m asking as it’s not showing on the front-end at all.

    Thread Starter dixonleung

    (@dixonleung)

    @riaanknoetze Sorry just removed it. I have added it again.

    • This reply was modified 3 years, 11 months ago by dixonleung.

    Hi there!

    Please try the following code:

    
@media (max-width: 768px) { 
 #masthead {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
}
    Plugin Support abwaita a11n

    (@abwaita)

    Hi @dixonleung,

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, the above snippet was helpful!

    If you have further questions, please feel free to open a new topic.

    Thanks.`

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Removing White Space Between header and content ON MOBILE.’ is closed to new replies.