Docs

[sngngrl]

Hello,

I need help formatting my post pages. When I make a post, this is how it ends up looking..
http://lgcfinancial.com/index.php/2017/01/05/when-hybrid-long-term-care-insurance-makes-sense/
The featured image is overlapping with the header. How do I fix this alignment?

Also, my post page has a side widget but it’s not populating with the posts. Can I keep the side widget on the post page but then have full width view on the actual posts themselves?

Thanks so much for your help!

[Rupok]

Hi there,

It’s causing because you have added the belwo code :

body .x-navbar {
  position: fixed;
  width: 100%;
}

If you set Fixed Top Navbar then it will be automatically fixed on scroll which is best option instead of forcing fixed position initially.

If you still want to keep that, then you can add this as well :

.x-container > .offset {
  margin: 135px auto;
}

Cheers!

[sngngrl]

Thank you. The Fixed Top Navbar is in place throughout this entire site. I have adjusted each page including the main post page so that the content does not overlap with the navbar. However, this overlap is only occurring on the actual posts and blog posts themselves. Is there any way to only adjust the formatting on the posts? The suggesting you made above is adjust every page on my site.

[Jade]

Hi there,

Please use this code:

.single-post .x-navbar {
    position: relative;
}

.single-post .x-navbar.x-navbar-fixed-top {
    position: fixed;
}

Hope this helps.

[sngngrl]

Perfect! Thank you so very much. You guys are THE best. Top notch support always.

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts