Tagged: , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #475295

    Hello Support,

    With your help previously https://kriesi.at/support/topic/inserting-728×90-banner-into-header/, I was able to insert a banner into the header. However, that was with the Menu and Logo Position set to: “Logo Left, Menu Right.”

    If I attempt to change the Menu and Logo Position to “Logo Left, Menu Below” a lot of extra white space is created and the banner falls down the page Is it possible to keep the banner in the header if using a different Menu and Logo Position rather than “Logo Left, Menu Right”? I would prefer to use “Logo Left, Menu Below” if possible.

    Also, I know this is probably asking a lot, but is it also possible to configure the header in such a way that a 728 x 90 banner resides in the header when viewed on larger resolutions…then automatically switches to a 320 x 100 mobile banner when responsive mode is activated?

    #476016

    Hey MLA18!

    Please refer to this post and add a widget area to your header – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
    You can adjust the values on custom CSS code to position your banner as needed :)

    Best regards,
    Yigit

    #476038

    Hi!

    I can’t login, it is asking for a “Google Authenticator code”.

    Regards,
    Josue

    #476054

    You may try again, I have temporarily deactivated that.

    Thanks!

    #476463

    Hey!

    not sure what you are trying to achieve, because I can’t see any widget in your header. Did you follow the instruction from Yigit? Where can we see your header widget?

    Regards,
    Andy

    #476514

    Apologies, I had the wrong method of placing a header banner in place. I have been given two different methods through this forum.

    The header widget is now in place.

    Thanks!

    #476519

    Hi!

    I see that you have set top value to -125px. -100px would look fine in my opinion. If you would like to adjust it, please go to Quick CSS field and make the changes as needed and to hide the widget area on mobile, please use

    @media only screen and (max-width: 769px) {
    #header .widget { display: none !important; }}

    Best regards,
    Yigit

    #476521

    Thank you for your help, sorry for the confusion.

    Is it possible to to have a smaller mobile banner activated once responsive mode is activated?

    Thanks!

    #476527

    Hi!

    Please change the code in Functions.php file to following one

    add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
    if(wp_is_mobile() ) {
    	dynamic_sidebar( 'mobile' );
    }
    else {
          dynamic_sidebar( 'header' );
    }
    }

    You should create a second widget area named “mobile”.

    Cheers!
    Yigit

    #476551

    Thank you for that! However I can’t seem to get the mobile banner to activate in responsive mode.

    #476748

    Hey!

    Have you checked on an actual mobile device?

    Cheers!
    Josue

    #476755

    Yes, on a Samsung Note 3…tried it on mobile versions of Chrome, Firefox, Opera, Dolphin and the native android browser.

    Thanks!

    #479226

    Hi!

    Sorry for the late reply! Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 989px) {
    .responsive.html_mobile_menu_tablet #header_main_alternate {
        display: block !important;
    }}

    Best regards,
    Yigit

    #479264

    Perfect.

    As always, thank you for your time and efforts!

    #479268

    Hi!

    You are welcome, we are always happy to help! Let us know if you have any other questions or issues :)

    Regards,
    Yigit

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Header Banner with various Logo/Menu Positions’ is closed to new replies.