Tagged: ,

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • February 8, 2015 at 6:21 pm #392758
    MindSpark

    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.

    February 9, 2015 at 4:52 pm #393134
    Yigit

    Hey MindSpark!

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

    Best regards,
    Yigit

    February 18, 2015 at 5:10 pm #398271
    Lol5tar

    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?

    February 18, 2015 at 5:15 pm #398273
    Yigit

    Hi!

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

    Best regards,
    Yigit

    February 19, 2015 at 3:20 pm #398944
    Lol5tar
    This reply has been marked as private.
    February 19, 2015 at 3:31 pm #398949
    Yigit

    Hi!

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

    Cheers!
    Yigit

    February 19, 2015 at 4:29 pm #398997
    Lol5tar
    This reply has been marked as private.
    February 20, 2015 at 6:11 am #399448
    Ismael

    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

    February 20, 2015 at 6:18 am #399451
    kevinheider

    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…

    February 20, 2015 at 10:59 am #399534
    Lol5tar

    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’ );
    }

    February 22, 2015 at 1:56 am #400157
    Andy

    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

    February 23, 2015 at 4:20 pm #400738
    Lol5tar
    This reply has been marked as private.
    February 24, 2015 at 7:58 am #401200
    Rikard

    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

    February 24, 2015 at 9:36 am #401227
    Lol5tar

    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

    February 24, 2015 at 9:48 am #401231
    Lol5tar

    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.

    February 24, 2015 at 12:53 pm #401352
    letobbe

    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!!!!
    ——————————————————————

    February 25, 2015 at 7:20 am #401875
    Ismael

    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

    February 25, 2015 at 1:10 pm #402007
    Lol5tar

    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/

    February 25, 2015 at 1:24 pm #402020
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #header .widget { left: 82%; }

    Regards,
    Yigit

    February 25, 2015 at 1:40 pm #402029
    Lol5tar

    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

    February 25, 2015 at 1:43 pm #402031
    Yigit

    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

    March 5, 2015 at 6:23 pm #406570
    AlfonsoWP

    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, 8 months ago by AlfonsoWP.
    March 6, 2015 at 8:24 am #406860
    Ismael

    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

    March 6, 2015 at 2:49 pm #406987
    AlfonsoWP

    Hi Ismael, I’m working offline at present.

    March 7, 2015 at 1:58 pm #407472
    Ismael

    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

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