Responsive Centred Header Idea

[DanielPerry]

I love the option of having the responsive header with the logo in the centre and the burger menu to the right, and safe area to the left.
However it would be really nice to be able to use that left area for other things, maybe choose between safe area / search / shopping basket / etc?
What do you think?

Topic

[Kosmas]

Both the Safe button and shopping basket are placed at the left area when you select the logo in the centre for the responsive header. You probably see the Safe Button right-middle because you use the header layout with the two menus.
We have some plans to add a separate zone above the responsive header, something like a topbar, only when the responsive header is enabled.
Dan, you are already Collector Level 2 and this is amazing 🤩 . In case you’ve missed it, you can now access forums like this one – https://hub.greatives.eu/forums/forum/impeka/special-requests/ – for your feature requests.

• This reply was modified 4 years, 7 months ago by Kosmas.

[DanielPerry]

I think topbar on mobile, makes the header on mobile so large, its not good to use sticky. With a normal header like this, and right left options you could have a sticky header, quite shallow, with a search and basket for eCommerce sites, customer often want this type of mobile layout.

Thanks again

Dan

[Marius1989]

Great idea, Dan.

I also prefer the idea of having the icons in the header, rather than transfer the actual elements into the responsive mobile menu section, like it is done with contact forms, search, etc.
All these elements being accessible inside the responsive menu area only might not result in a great experience, if a user doesn’t know where to find the elements quickly.
The problem seems to be the limited space on mobile devices, which is available beside the logo and menu icon (plus potentially the menu label).
And unfortunately, there is still no option to place custom content inside the actual header itself – such like a link, a button, a text field for a phone-number, etc. All content is transferred inside the menu area, except 2-3 predefined icons.
Did you also come accross this issue in the past, customizing the responsive header, Dan? If so, how did you solve it?
Maybe there are some great solutions out there I don’t know so far.

What Kosmas mentioned is definitely a step into the right direction and I appreciate that they are constantly trying to improve the front-end user experience for the final product, as well as the available options we can select to achieve specific designs and layouts.

It is a difficult design decision, how this feature will get implemented, but I am sure, Kosmas and the team will do their best as always.

[DanielPerry]

Hi Marius, I have had issue with this in the past. But fortunately these kind of clients have a small budget, and I can usually commission the Greatives team to build me a custom header design from supplied visuals. Which is great.

Would be nice to have some simple options, like search and basket for example which can be quickly and easily added to the mobile header (from theme options, for clients with limited budget), as I think this is becoming common place for UI/UX now. Even it means we have a smaller logo area.

[DanielPerry]

I notice that I can use the safe button to trigger an area item. Which is great.
But there is minimal control over what can be included in the responsive menu area.
Would it be possible to have an option where the responsive burger menu could be used to trigger an area item rather than a menu?
Thanks
Dan

[Author]

Replies