[reneecarlson94]

Hello,

Could you please help with the following.
I have a child theme and here is my url https://backpackfullofmaps.com/

1. I would like to remove the white gaps between some sections. eg before “latest from the blog” and “watch . our adventures” section?

2. I have downloaded a plugin to create the sticker header however is very large when scrolling. How can i shrink the menu when scrolling so it does not take up half the page?

Thank you in advance 🙂

[sapana]

@reneecarlson94: Go to=>Appearance=> Customize=> Additional CSS=>Add the following css code
/* To remove the white spacing*/

.section-heading-wrapper {
padding-top: 0px;
padding-bottom: 20px;
}

Can you please enable the sticky header option once so that I can look into that issue and provide you with possible solution.

Kind Regards,
Sapana

[williammartial50]

This is very helpful, i used this and it worked, thanks for posting.
TechWhoop

[reneecarlson94]

Thank you very much, that removed the white spaces.

I have the sticky menu activated on all pages but the home page.

[sapana]

@reneecarlson94:Go to=> Appearance=> Customize=> Additional CSS=>add the following css code

@media screen and (min-width:992px) {
.navigation-classic .main-navigation a {
    padding: 15px 15px;
}
}

Let me know if this helps you out!

Kind Regards,
Sapana

[reneecarlson94]

Hello,

Is it possible to just have the nav bar “about us, blog, destinations ect” that stick when scrolling and not the logo and blog name?

[sapana]

@reneecarlson94: It is located in same div so it is quit difficult to make only nav bar sticky. If you want to make the whole header section sticky you can Catch Sticky Menu.Let me know if this helps you out!

Kind Regards,
Sapana

[Author]

Posts