Blog Page and Single Posts Headers Cut Off/ Icon Stack

Support
#1

Hi,

I was assisted in making adjustment to my theme because the uber menu would not stick to the top of my pages. Everything looks great except the blog page and single posts pages. Is there an option to adjust the code so it continues to work on all pages without affecting the blog at all? Here is the previous post. Uber Menu Not Sticking to the Top ICON

#2

Hello @fantasy_5,

Thanks for posting in!

I have checked your site and it seems that in Appearance > Customize > Additional CSS, you have added this custom CSS which has affected all the site pages.

body.x-navbar-fixed-top-active .x-navbar-wrap {
        height: 0px;
    }

You may need to add additional code like the example below to increase the height of the navbar for at least 100px on the blog and single post pages.

body.x-navbar-fixed-top-active.blog .x-navbar-wrap,
body.x-navbar-fixed-top-active.single-post .x-navbar-wrap{
        /* your styling height here */
    }

The code above serves as an example code. Feel free to modify it when needed. Please note that custom coding is beyond the scope of our support. You must maintain any custom coding to ensure it will still work after any updates or does not create any issues or incompatibility in the future.

Best Regards.

#3

Thank you so much. Something else I noticed is related posts at the bottom of the single posts pages are not appearing and when you get to each single post the navigation arrows also do not appear. Additionally if you use the default page setting and add a sidebar widget the widget scroll from left when you mouse over it. It’s not fixed and does not conform to the shape of the widgets . How do I fix this? Here is an example of the default page with the sidebar. https://www.keianienterprises.com/sitemap/