Header Woes in Cornerstone

Hi There!

I have three questions regarding my header I’ve built in Cornerstone:

  1. I have set up my header as “top fixed”. It works great on desktop, but for some reason, the header isn’t fixed on mobile. How to I remedy this?

  2. How do I vertically center my menu items on desktop and the hamburger menu on mobile?

  3. Is there any way to horizontally center the dropdown menu items in the mobile menu?

Thank you so much for your help!

  • Katie

Hi There,

Thanks for writing in!

I checked your website and the given points are working as per your requirement. Not sure about if you are talking about any other site.
Please send us the details so that we can check and give you a proper answer.

Whoops! Didn’t mean to post this one on my personal account, but I’ll keep going with this thread. I’m creating this site for a client who has cornerstone, not pro.

http://hxx.362.myftpupload.com/dandylion-home/

Hi there,

  1. The menu fixed positioning is intentionally deactivated in mobile since mobile menu is tend to populate vertically. If it’s fixed positioned and the menu gets taller, there is no way you could choose other menu items outside the screen boundary (as it follows as you scroll). BUT, you can enforce fixed positioning for mobile by adding this CSS to your global custom CSS.
@media ( max-width: 979px ) {
.x-navbar-fixed-top {
    position: fixed !important;
}
}
  1. You have to change the spacing of your menu items in Theme Options > Header > LINKS – ALIGNMENT. Try increasing the top link pixel value.

  2. Please add this CSS too,

.x-navbar .mobile .x-nav li>a {
    text-align: center;
}

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.