Home Forums Pro Themes Greatnews Pro Header block on posts

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #158563
    Susanna Freymark
    Participant

    On the top of each post is a header with text in it and I can’t get rid of it. I tried to disable it.
    It comes up huge on mobile.

    Desperate to get rid of it. You can see it here.

    https://indynr.com/four-new-covid-cases-two-in-kyogle-one-in-richmond-valley/

    #158566
    Psink
    Keymaster

    I found there is the CSS code in the additional CSS, which is responsible for this issue.

    Please remove this code from Additional CSS to avoid padding issue of the header content ( Page title )

    
    body:not(home).page #page-site-header, .single #page-site-header {
        padding: 100px;
        background-color: #fe463a;
    }
    

    and add this CSS to decrease top button padding ( space ), default top-buttom padding is 150px

    
      #page-site-header {
        padding: 100px 0;
      }
    

    It’s better to keep the page title. If you still want to rid of

    Add this CSS

    
    .single #page-site-header,
    .page #page-site-header{
        display:none;
    }
    
    • This reply was modified 2 weeks, 1 day ago by Psink.
    #158592
    Susanna Freymark
    Participant

    I can’t find the code you said to remove.

    #158593
    Susanna Freymark
    Participant

    This is what is in my CSS
    .home .entry-meta {
    display:none;
    }
    @media screen and (min-width: 1025px){
    .main-navigation form.search-form input {
    padding: 0 10px;
    padding-left: 60px;
    }
    }

    form.search-form button.search-submit {
    left: 20px;
    }

    @media screen and (max-width: 1024px){
    .main-navigation form.search-form input {
    padding-left: 60px;
    }
    }

    I can’t find the bit you said to remove

    #158599
    Psink
    Keymaster

    Oh ok, maybe that code belongs to one of the active plugins on your site. There is a way to override it

    Please add this code in the additional CSS

    
    #page-site-header {
        padding: 100px 0 !important;
    }
    

    this code will override the previous code

    #158600
    Susanna Freymark
    Participant

    Did nothing unfortunately.
    I pasted that code into Additional CSS.

    #158626
    Psink
    Keymaster

    Did you check on the mobile phone? The right and left space of the header banner is reduced than it was before

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