Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Header encroaching on page title in mobile view


jenartsquare

Question

Site URL: https://www.cathuddhistbuddhatholic.com/

This code is working fine on the desktop to move my page titles down so the navigation bar won't encroach on them, but it is not working in mobile view.  

.view-list .banner-thumbnail-wrapper,
.collection-type-page .banner-thumbnail-wrapper,
.collection-type-index .banner-thumbnail-wrapper {
 margin-top: 100px !important; /* nav bar height */
}

Please advise.  Thanks!
Jenée

HeaderEncroachingOnPageHeadlines.png

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Remove above code & this code header#header { position: fixed !important; } Add this code /* fixed header */ header#header { position: sticky; position: -webkit-sticky; }

Posted Images

2 answers to this question

Recommended Posts

  • 0

Remove above code & this code

header#header {
    position: fixed !important;
}

Add this code

/* fixed header */
header#header {
    position: sticky;
    position: -webkit-sticky;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...