Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1106813

    Hi guys, we want to place banner image or text for a slogan in the logo area.
    See screenshot for explaining. How it is possible? This should also be working with shrinking header (The image/banner should be hidden or also shrinking if header shrinked)
    >>> https://paste.pics/5Q2K3

    Thanks for help and ideas.
    Ron

    #1107001

    Hi Ron,

    You can try placing a widget area in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    Best regards,
    Rikard

    #1139544

    Hi Rikard,

    sorry for the delay.
    Okay, unfortunately, this don’t work whatever I do.
    1. Please login and view this issue (access see private info)
    2. we use own child theme
    3. we had to try this doc https://kriesi.at/documentation/enfold/example-of-logo-left-widgets-right-menu-below/#toggle-id-2 because we have the logo left and menu below but this solution don’t work.
    4. before 3. we have created a widget for header and example image in this area (image widget)
    5. But the image was placed above the logo in full header weight. But this should be placed next on the logo right without destroy the header height. It’s very frustrating for this simple wish got too many issues and we lost much of time. This area should be prepared for additional content as standard.

    Please help. Thanks in advance, Ron
    We need only one responsive image / text for slogan right on the logo.

    #1140529

    Hi Ron,

    Thanks for the details, they are not working though. Could you check and verify please?

    Best regards,
    Rikard

    #1142033

    Hello Rikard, okay, I don’t know, why. I have changed the PW – see private info
    but FTP works i hope?

    You will see a dummy image stripe from logo above… This image i will change in new banner image right from logo

    See also the screenshots for explain, what I need, please

    Big Thank You – Cheers Ron

    • This reply was modified 5 years, 1 month ago by Rikard.
    #1143033

    Hi,
    Sorry for the late reply and thanks for the admin login.
    As I understand you would like your custom header widget area to the right of your logo and on the same line as it, so currently the “hook” (ava_main_header) you are using places the widget area before the logo so it shows above it and as a separate line, I adjusted the “hook” (ava_before_bottom_main_menu) to after the logo and before the menu. This is your new function:

    add_action( 'ava_before_bottom_main_menu', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( 'header' );
    }

    I then added this css to align the header widget vertically & horizontally center, it also adjusts as the header shrinks.

    #media_image-3 {
    	display: flex;
    	justify-content: center !important; 
    	padding: 0 !important; 
    	width: 100%;
    }
    .av-logo-container >.inner-container {
    	display: flex;
    	align-items: center;
    	max-width: 100%;
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

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