Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 10, 2019 at 6:54 pm #1136696
    christina

    Hi,

    first thing to say: I really love enfold.

    Is it possible to make a header like this: Elements in the logo area (logo left) – elemnts on the right (menu below):

    Homepage 1

    My customer demand it. So I really hope, it’s possible with Enfold and would appreciate your help.

    Best regards,
    Christina

    September 11, 2019 at 1:35 pm #1137035
    Rikard

    Hey christina-grab,

    Yes it’s possible, you can place the extra element in a widget area in the header for instance.

    Best regards,
    Rikard

    September 19, 2019 at 9:07 am #1139809
    christina

    Hi Rikard,

    I tried several things but could get it done.
    The image was always stacking on top of the logo, which is not what I want. And also, the logo was mostly very small.
    I want the image on the right and the logo on the left – image and logo in normal size.

    I had also a look on this post:

    Logo left, widget or image right, menu below

    Maybe you could speficy the solution a bit more so I can adapt it.

    Thank you very much for your support.

    Best regards,
    Christina

    September 19, 2019 at 1:36 pm #1139909
    christina

    This solution nearly helped:

    https://kriesi.at/support/topic/adding-468-x-60-banner-to-header/

    The only issue is:
    I need to add the image in the inner container (div.inner-container).

    How can I do that?
    It’s really urgent, so I hope I can get an answer today.

    Best regards,
    Christina

    September 19, 2019 at 1:44 pm #1139911
    Yigit

    Hi,

    You can try using following code 

    add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
echo "<div class='custom_content'><img src='_your_url_'></div>";
}

    and some additional custom CSS to display the image on the right side of your logo

    Cheers!
    Yigit

    September 19, 2019 at 2:33 pm #1139930
    christina

    Sorry, its not working. Now its displaying the source code on the right side of the header.

    September 19, 2019 at 5:57 pm #1139997
    christina

    Hi Yigit,

    I got it working now.
    I deleted the code for enabling the header widget and changed your code into this

    add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    echo “<div class=’custom_content’></div>”;
    }
    BUT – I’m sorry, I need the image to be in the container of the logo OR the inner container – NOT in the main header container.
    That is because, I can’t controll via CSS that the image will always sit in line with the site-content below.

    Could you please have a look and give me your advice?

    Thank you very much for your support.

    Best regards,
    Christina

    September 20, 2019 at 2:02 pm #1140218
    Yigit

    Hi Christina,

    In that case, please refer to this post – https://kriesi.at/documentation/enfold/logo/#add-multiple-logos

    Best regards,
    Yigit

    September 21, 2019 at 10:42 am #1140435
    christina

    Thank you Yigit.

    Now it’s working, like I needed it.

    You can close this topic now.

    Best regards,
    Christina

    September 22, 2019 at 7:53 pm #1140726
    Victoria

    Hi Christina,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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