Home › Forums › Pro Themes › Greatnews Pro › Header block on posts
- This topic has 8 replies, 2 voices, and was last updated 3 years, 1 month ago by Psink.
-
AuthorPosts
-
October 4, 2021 at 2:43 am #158563Susanna FreymarkParticipant
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/
October 4, 2021 at 6:42 am #158566PsinkKeymasterI 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 3 years, 2 months ago by Psink.
October 4, 2021 at 7:22 pm #158592Susanna FreymarkParticipantI can’t find the code you said to remove.
October 4, 2021 at 9:24 pm #158593Susanna FreymarkParticipantThis 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
October 4, 2021 at 11:30 pm #158599PsinkKeymasterOh 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
October 4, 2021 at 11:41 pm #158600Susanna FreymarkParticipantDid nothing unfortunately.
I pasted that code into Additional CSS.October 5, 2021 at 11:42 pm #158626PsinkKeymasterDid you check on the mobile phone? The right and left space of the header banner is reduced than it was before
October 23, 2021 at 7:00 am #159494Susanna FreymarkParticipantHeader is still too large especially on mobile. Is there any way to have just a headline without a bakcground.
Because I am a news site, the ehaldien mattersOctober 24, 2021 at 1:36 am #159508PsinkKeymasterhello Susanna,
Some of the CSS code needs to remove in the additional CSS, Can you please share your dashboard login through our contact? we will remove the unwanted CSS and add a valid CSS to fix the issue that you have mentioned
here is the link of contact form
https://themepalace.com/contact-us -
AuthorPosts
- You must be logged in to reply to this topic.