Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 28, 2020 at 12:51 am #1198496
    eventplaner

    i want the header looking like that:
    logo: left
    Menu (burger menu symbol and search symbol). right
    header widget (button): right

    The menu should be directly beside to the button in the header widget.

    I added a header widget and a button in it.
    I cannot find the right header CSS for this layout.
    I tried css from here: https://kriesi.at/documentation/enfold/header/
    Important: Also working responsive (no overlapping on mobile)

    Thanks, greets

    March 28, 2020 at 4:51 pm #1198638
    Victoria

    Hey eventplaner,

    Could you please attach a mockup of what you’re trying to achieve?

    Can you show us what you’ve got so far?

    Best regards,
    Victoria

    March 28, 2020 at 6:44 pm #1198657
    eventplaner

    It is quite easy.
    I want it like that:
    But: Logo left / menu rigtht / widget right
    I cant find that combination and could not figure our how to put the menu to the right next to the widget.
    with left: 33% it works, but responsive (mobile) overlaps then.
    how do you define the positions of the elementes in the header?

    header

    March 28, 2020 at 10:13 pm #1198707
    Victoria

    Hi eventplaner,

    We can help you adjust the responsive part if all other is working. Can you show us what you’ve got so far?

    Best regards,
    Victoria

    March 28, 2020 at 10:54 pm #1198722
    eventplaner

    again: I need a solution for Logo left / menu right / widget right
    as shown in the picture

    desktop and it should work for mobile, too (responsive)

    March 29, 2020 at 4:37 pm #1198861
    Victoria

    Hi eventplaner,

    The logo left, menu right is a normal layout. You just need to add a custom widget area in the header and position it correctly.

    Header

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 29, 2020 at 6:34 pm #1198907
    eventplaner

    OK, I give up.
    My question was clear: How to position Logo left, menu right and widget right.
    Now you write me “You just need to add a custom widget area in the header and position it correctly”.
    Didn’t you read my first posting???
    You can close the thread – I am really not happy with that kind of support,
    I will have to find out myself.

    April 1, 2020 at 6:54 am #1199623
    Rikard

    Hi,

    Sorry for the late reply. I don’t really get your problem either, if you position the widget to the right then you will get the layout you want. We can help you out with CSS if that is what you are looking for, we will need to see the element in question if that is the case though.

    Best regards,
    Rikard

    • This reply was modified 4 years ago by Rikard.
    April 2, 2020 at 9:02 am #1200025
    eventplaner

    Hi Rikard, thanks for your message.
    Yes, I needed the correct CSS for the header design: Logo left / Burger Menu right / Header Widget Right.
    I really dont know how to describe it in other words.
    I made you a graphics and sent you the links of your documentation where I can find CSS for all other combinations.
    Logo Left / Menu Center / Widget Right
    etc.
    So it took me a really long time to find out how to put the burger menu right next to the header widget.
    And how that works also responsible on smaller displays.

    The solution I found out:
    .responsive #top #header #header_main .inner-container .main_menu
    margin-left: auto;
    margin-right: 30px;

    it would be nice if you can tell me if that is the best solution.
    greets

    April 3, 2020 at 6:36 am #1200378
    Rikard

    Hi,

    Thanks for the update. Would you be able to post a link to where we can see the actual elements please? Otherwise it’s very difficult to give you accurate CSS.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.