Tagged: ,

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • #392758

    Hi. I would like to know if there is an easy way to add a widget to the header of the theme. As it is now, there is a place for the logo, but I would like to add a telephone number and slogan in that large area – not the preconfigured area for a telephone # and social media links.

    I have tried creating a custom BG image, but when resizing the browser to mimic different responsive screen sizes, the phone number image gets covered up by the mobile / responsive menu box.

    thank in advance for your help.

    #393134

    Hey MindSpark!

    Please see – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Yigit

    #398271

    Hi,

    I just tried this and it distorts the page and adds an odd ‘1’ see image:

    capture

    Am I doing anything wrong or is there a better way please?

    #398273

    Hi!

    Can you please post the link to your website? That is fixable using custom CSS :)

    Best regards,
    Yigit

    #398944
    This reply has been marked as private.
    #398949

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?

    Cheers!
    Yigit

    #398997
    This reply has been marked as private.
    #399448

    Hi!

    Replace the code with this:

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

    Regards,
    Ismael

    #399451

    Hi. My main header seems to be invisible/hidden [but still click-able] in Chrome, though it’s fine in IE and Firefox. Check out http://www.kevinheider.com in the various browsers to see what I mean. Not sure why it’s happening…

    #399534

    Hi,

    I have replaced the code with the below. But now the ‘1’ and test have disapeared. But there is still no widget area in the header.

    add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    echo dynamic_sidebar( ‘header’ );
    }

    #400157

    Hi!

    I tried to login into your site, but login details from above does not work. Please check.

    Did you follow this instructions:
    “And then navigate to Dashboard > Appearance > Widgets and create a new widget area named header and add some widgets to it.”?

    Best regards,
    Andy

    #400738
    This reply has been marked as private.
    #401200

    Hey!

    You had a widget area called header-widget, it’s working now since I added one called header. Please check the site.

    Regards,
    Rikard

    #401227

    Thanks Rikard,
    I can see its there so thanks.
    But there seems to be an odd ‘1’ showing for some reason. See image below
    http://www.solvewebdesign.com/azexpeditions/wp-content/uploads/Capture1.jpg

    #401231

    Thanks Rikard,
    I can see its there so thanks.
    But there seems to be an odd ‘1’ showing for some reason. See image below
    http://www.solvewebdesign.com/azexpeditions/wp-content/uploads/Capture1.jpg

    Also, the image I have just added is sitting in the middle. How can we push it over to the right?
    When minimising the header into smaller screen size and mobile. Is it possible the image can shrink like the logo or remove?

    Many thanks in advance.

    #401352

    Would it be possible to move the widget to the inner-container instead? After the logo? And also how would I go about removing the “1” that appears?

    Look below for the html code.
    —————————————————————————————-
    <div id=”header_main” class=”container_wrap container_wrap_logo”>
    ————————————————————————————————————————————
    !!!!!Here it is now!!!!
    ————————————————————————————————————————————
    <div id=”text-2″ class=”widget clearfix widget_text”><h3 class=”widgettitle”>Testpurpose</h3> <div class=”textwidget”>Testing for purpose</div>
    </div>1
    ————————————————————————————————————————————
    <div class=”container”>

    <div class=”inner-container”>
    <strong class=”logo bg-logo”>Social Shanghai
    ——————————————————————
    !!!!! I WANT IT HERE INSTEAD!!!!
    ——————————————————————

    #401875

    Hey!

    Remove the “echo”. It should be:

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

    If you want to move it inside the header container, edit includes > helper-main-menu.php. Look for this code:

    /*
            * Hook that can be used for plugins and theme extensions (currently:  the woocommerce shopping cart)
            */
            do_action('ava_main_header');

    Move it below this line:

    <div class='container'>
    				 
    					<div class='inner-container'>
    

    Cheers!
    Ismael

    #402007

    Hi,
    Thanks the echo removed the 1.

    How do I get the widget over to the right please. Its ste in the midlle them over lays the logo as you make the browser smaller.

    http://www.solvewebdesign.com/azexpeditions/

    #402020

    Hi!

    Please add following code to Quick CSS

    #header .widget { left: 82%; }

    Regards,
    Yigit

    #402029

    Hi Thanks.

    Is there a way so it keeps inline with the right edge of the contact.. as when the browser resizes it moves all over the place.

    Many thanks

    #402031

    Hi!

    Please remove the last code i posted and then change following code

    #header .widget {
    left: 50%;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    }

    to following one

    #header .widget {
    left: 80%;
    padding-top: 0;
    position: absolute;
    top: 0;
    }

    Cheers!
    Yigit

    #406570

    Hi, thanks for the code.
    I’m trying the code and this works very well.
    But I need have the text in line with the social icons and when I change from desk to responsive, the text have to disappear and not go behind the logo.

    How Can I fix the problem? I need that the line moves under the logo.

    Text and social icons

    • This reply was modified 9 years ago by AlfonsoWP.
    #406860

    Hi!

    Please give us a link to the actual page. We need to inspect it. Try to use css media queries to control the display of the custom widget.

    Cheers!
    Ismael

    #406987

    Hi Ismael, I’m working offline at present.

    #407472

    Hi!

    Unfortunately, we won’t be able to help you. Please create a new thread once the site is live. Try to adjust the position of the header widget with this:

    #header .widget {
    left: 80%;
    padding-top: 0;
    position: absolute;
    top: 0;
    }

    Adjust the left and top position.

    Best regards,
    Ismael

Viewing 25 posts - 1 through 25 (of 25 total)
  • The topic ‘Main Header’ is closed to new replies.