- Posts
I’m having a lot of trouble making a header that doesn’t stack vertically on mobile and tablet views. I can’t figure out why for instance the columns can’t sit side by side on mobile view – for some reason they seem to take up far more horizontal space than required by the content. I was surprised there was no default widget for a 3 part header since it is so common. For instance, on my site the Menu links to Square which has the exact header performance I’m looking for but I can’t figure out how to make that happen. Any help would be appreciated.
The site is: tangofoods.ca and if you click on menu you’ll see what I’m trying to achieve in a mobile header.
Hi Oddie,
Thanks for reaching out and thank you for using Crio Pro WordPress theme!
Sorry you’re having trouble with your mobile header layout. I think what you should do in this case is create a custom page header using Crio’s Page Header builder then use a plugin like ShiftNav Responsive Mobile Menu to style your header and set the structure.
You can use this video to help you get familiar with creating custom page headers for mobile devices in Crio:
[embed]https://youtu.be/2wBzC9BVZos[/embed]
I hope this helps. Please reach back out to us if you have any other questions or concerns.
- The topic ‘How Do I Create a 3 Column Mobile Page Header with Crio WordPress Theme?’ is closed to new replies.
