Top Header Height

Support
#1

I’m having issues with the height of my top header. I would like it so that on mobile it hows like in image 1 (this is height set to auto) , but this is not what I want for desktop.

For desktop I want it to show like Image 2, but to do that I need to set it at 50px. I guess I’m asking how to set seperate settings for mobile vs desktop or if there is a better solution to this. If I set it to auto it does not look how I want on desktop (image 3).

1
11211×700 203 KB
2
21211×700 716 KB
3
31211×700 507 KB

#2

Hello @vaughanmatt,

Thanks for writing to us.

In case if you want fixed Header height on the desktop mode you need to remove the margin, padding, gutter, etc of the elements or you can set the custom height of the Bar.

Hope it helps
Thanks

#3

Hi - This is what I am trying to achieve but I don’t know how to do it. I want the mobile header and desktop header to have different heights. Where can I do this?

#4

Hi - This is what I am trying to achieve but I don’t know how to do it. I want the mobile header and desktop header to have different heights. Where can I do this?

#5

Hello @vaughanmatt,

You need to use two Header bars one for the desktop and another one for the mobile device. You can show and hide the bar using the breakpoint.

Hope it helps
Thanks

#6

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