1. stof
  2. Helix Ultimate
  3. Friday, 04 May 2018
Hi,

I have a question about the header bar that I created.
I have a row with three columns. The logo left, the menu in the middle and the language selector on the right.

On big screens it looks good and works nice.

But on mobile screens I would like to have another order. I would like the logo on the left just as it is. But then I would like to have the language selector and then the menu. So the menu and language selector should be on the other side.

How can I do this? Is there a way to fix this easily with helix ultimate?
Accepted Answer
Accepted Answer Pending Moderation
Hi,
yes, it should be possible.
You have to create two headers :
1st - for desktop & tablet only
2nd - separate for mobile only.

check Header Row Options > Responsive settings (for each)
Attachments (1)
  1. more than a month ago
  2. Helix Ultimate
  3. # Permalink
Responses (5)
Accepted Answer Pending Moderation
Hi ,

Thanks for your answer and that could be a very good possibility.

Also just read something about the classes which bootstrap 4 offers. Tried to add them as css classes but that did not work.
I added: order-xs-12 in the menu field css class and order-xs-6 in the language filter and order-xs-1 in the logo part.
However this did not work. But when I added this code in the line (in chrome inpsector) where the classes of the width of the columns are stated it works fine.
https://www.screencast.com/t/Bf4ayn4WUIZP

Wouldn't it be an idea to add a dropdown loike above to change the order column?

Or is there already a way to make it work with this order code now?
  1. more than a month ago
  2. Helix Ultimate
  3. # 1
Accepted Answer Pending Moderation
try my method first.
  1. more than a month ago
  2. Helix Ultimate
  3. # 2
Accepted Answer Pending Moderation
solved?
  1. more than a month ago
  2. Helix Ultimate
  3. # 3
Accepted Answer Pending Moderation
Sorry did not have time to answer yet. Yes solved! Thanks for your help again !
  1. more than a month ago
  2. Helix Ultimate
  3. # 4


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.