how to reduce space between header and body in a blog post

Hi @abbasj ,

In order to reduce the gap between your header and content, please apply the following CSS:
.zak-primary{
padding-top: 10px;
}

This will reduce the gap. You can change the value of the padding top to achieve your desired result.

Regards!

Hi,

Thanks, Rohit. It solved the problem.

Hi @abbasj ,

Glad I could help you. I hope you’ve been enjoying our product/service! We value your opinion and would appreciate it if you could take a few minutes to leave a review of your experience.

For this, Please click on this linkhttps://www.ads-software.com/support/theme/zakra/reviews/#new-post and share your thoughts about our support and the theme.

Your feedback helps us improve our product/service and lets others know what to expect when they choose us. Looking forward to hearing your thoughts!

Regards

Hi Rohit!

I just noticed, that in a mobile version that ugly space persists. How to resolve that in mobile view.

Hi @abbasj ,

To reduce the gap in your mobile view as well, please add the following CSS:
@media screen and (max-width: 768px) {
.zak-content .zak-row{
padding-top: 0px;
}
.boostify-header--default{
display: none;
}

Regards!

• This reply was modified 2 months, 3 weeks ago by Rohit.

Hi, thanks for the reply, I added the code but it removed the menu when I scroll down? Please help!

Hi Rohit,
Waiting for the reply.

Thanks

Hi @abbasj,

While checking your site, I noticed that the menu is working fine. The menu disappears when you scroll down the contents, which is the default functionality.

If you are unsure, you can remove the above provided CSS and see the menu’s working behavior.

If you need further assistance regarding this issue, let me know.
Regards!

Hi, thanks rohit,

I was waiting for your reply, meanwhile, I changed myself the code you mentioned before from

display: none; to display: default

and the problem was resolved, though I am not a coder.

I am very thankful to you and your reply.

Hi?@abbasj?,

Glad to know that the issue is resolved. You can mark this topic as resolved, and if you have any further issues, you can create a new topic, and I will assist you there.

Also, I hope you’ve enjoyed our product/service! We value your opinion and would appreciate it if you could take a few minutes to leave a review of your experience.

For this, please click on this link: https://www.ads-software.com/support/theme/zakra/reviews/#new-post. Please share your thoughts about our support and the theme.

Your feedback helps us improve our product/service and lets others know what to expect when they choose us. I am looking forward to hearing your thoughts!

Regards!

thank you!

5 star rating