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

    http://cttdev.cagraphicdesign.biz/

    In your support forum I found out how to add a widget to the header area but cannot get any of it to link.
    Here are your intstructions and below that is the HTML I put in the text widget.

    `——-If you are wanting to add a widget area to your header then add this to the bottom of your functions.php file.—–

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

    ——–in case you’re using a layout with the MENU BELOW the header area use this code instead:———

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

    —————————————-
    And then navigate to Dashboard > Appearance > Widgets and create a new widget area named header and add some widgets to it.

    Depending on what your trying to do some CSS code will be required. If you want the widget area to be centered in the header then add this to your CUSTOM CSS.
    —————————————–

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

    ****************Here is the HTML I added to the text widget which works on a regular page*********

    <h3>[av_font_icon icon='ue836' font='entypo-fontello' style='' caption='' link='post,1' linktarget='' size='40px' position='left' color='']
    Click here to enroll
    [/av_font_icon]<span style=”color: #002d73;”>ENROLL NOW!</span>
    <span style=”color: #002d73;”> 800-862-2678</span></h3>

    #511864

    I also want to add a search box there but when I tried adding that widget (which comes with the theme) under the text widget, the text widget would not show up.
    Looking forward to your response to this and the query above.

    #512014

    Hi,

    Not sure what you mean not being able to get it linked, I can’t see any links in your code? Please try the following:

    <a href="http://yoursite.com/"><span style=”color: #002d73;”>ENROLL NOW!</span></a>
    

    instead of:

    <span style=”color: #002d73;”>ENROLL NOW!</span>
    

    Best regards,
    Rikard

    #512212

    http://cttdev.cagraphicdesign.biz/
    Hi Rikard
    This is very mysterious. I saw that the code was incorrect and assumed it was because I created it in a practice page using shortcodes, then copying over the text version to a text widget for the header widget.

    That said, I started fresh using your code. I placed it in the header text widget and in the footer text widget…
    it works fine in the footer but not in the header…very strange. Feel free to log in to the back end…maybe I did not create that header widget correctly.

    here is the code that is in both widgets now:

    <h2>[av_font_icon icon='ue836' font='entypo-fontello' style='' caption='' link='post,1' linktarget='' size='40px' position='left' color='#ffffff']
    Click here to enroll
    [/av_font_icon]<span style=”color: #002d73;”>ENROLL NOW!</span>
    <span style=”color: #002d73;”> 800-862-2678</span></h2>

    #512538

    Hey,

    Please add the following CSS as well and it should work:

    #header .widget {
        z-index: 10000 !important;
    }

    Thanks,
    Rikard

    #512856

    Perfect!

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header widget works fine ALMOST but….’ is closed to new replies.