Desktop menu showing on all portable devicesI

I created a header menu in Pro Header Builder, and it looks great on the website, but it doesn’t adapt to mobile devices. Instead of converting into a mobile style menu, it just squeezes the menu into the given space.

Link is dev.ghreclaims.com and I only have the header assigned to the home page at this time. No Idea what to do.

Hello There,

Thanks for posting in!

With custom header, you will have to create elements for desktop and mobile screens. Please add navigation collapsed and make sure that this will only display in smaller screens. Your current menu which is the navigation inline element which is already in place. Just use the “Hide During Breakpoints” option so that it will be hidden in smaller screens. To know more about “Hide During Breakpoints” option, please check this out:

You may also check out this video tutorials so that you will know more how you can create your header:


Hope this helps.

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