Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 9, 2015 at 7:15 am #500205
    journey5956

    Before the update I had the widget working in the header. What do I need to do to fix it?
    I added this to the end functions.php after update:
    add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }
    Custom CSS:
    #header .widget {
    left: 70%;
    line-height: 20px !important;
    padding-top: 0;
    position: absolute;
    top: -115px;
    }
    Widget Content:
    <span style=”color: #2c7e3e; font-size: 16px; font-family: verdana,geneva;”>6 Regional Drive<br>
    Suite B<br>
    Pinehurst, NC 28374<br>
    Phone: 910-420-2405<br>
    Fax: 910-420-2762</span><br>
    <br>

    September 9, 2015 at 3:36 pm #500487
    Elliott

    Hey journey5956!

    Download a child theme here, http://kriesi.at/documentation/enfold/downloads/, and do the customization in the child theme functions.php file. This will make sure it stays after you update Enfold.

    Cheers!
    Elliott

    September 9, 2015 at 9:14 pm #500722
    journey5956

    2 problems:
    How do I add the child theme after I’ve made all the customization to the regular theme?
    What I did above did not work – the header widget is not visible – what can I do to make it visible?
    Thanks,
    Jean

    September 10, 2015 at 12:36 pm #500952
    Rikard

    Hi,

    You will have to move your customisations to the child theme, but only if you’ve made them to core files, CSS in Quick CSS will still be safe. You will have to do this at some point anyway since your customisation will be overwritten on updates otherwise.

    I’m not sure what you mean by it not being visible, did you add any content to it?

    Best regards,
    Rikard

    September 10, 2015 at 8:17 pm #501302
    journey5956

    Please see the original post which includes the content, CSS and PHP changes. It worked when I first set it up, but then after upgrading, it disappeared and I can’t get it to reappear.

    September 11, 2015 at 8:45 am #501477
    Rikard

    Hi,

    I see the widget on your page but your CSS had is displaying off screen, please try the following instead: 

    #header .widget {
    left: 70%;
    line-height: 20px !important;
    padding-top: 0;
    position: absolute;
    top: 20px !important;
}

    Best regards,
    Rikard

    September 11, 2015 at 9:53 pm #501888
    dbgruber

    Just beginning to move our non-profit site to Enfold, and I have followed instructions to add a Header Widget, with a custom Image Widget, in order to have a constant display of an image to take users to a Donation page.

    I made a Quick CSS edit in an attempt to position the image widget to the top right, and that seems to work – but it overlaps with the Main Menu. Our final menu will have less entries than are currently present, but I would appreciate advice on what may need to be edited in the functions.php file to have the header widget force the menu to the left.

    September 12, 2015 at 8:34 am #501991
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .av-main-nav-wrap {
padding-right: 100px;
}

    Thanks,
    Rikard

    September 12, 2015 at 7:41 pm #502155
    journey5956

    Thanks – the change in CSS for top worked to display, but when scrolling down, the header still shrinks some even though I have checked Sticky Header and the widget info does not shrink. http://amgpinehurst.com/
    Thanks
    Jean

    September 13, 2015 at 3:03 am #502194
    dbgruber

    Rikard – thank you. That allows me to move the menu away from the right image widget. However, the link associated with the image no longer is active. Since we want this to be a persistent link to a Donation page, it is important that the link is active.

    My Quick CSS edits are currently:

    #header .widget {
    padding-top: 0;
    right: 0;
    position: absolute;
    top: 0px;

    }
    .av-main-nav-wrap {
    padding-right: 260px;
    }

    September 13, 2015 at 10:54 am #502275
    Rikard

    Hi,

    Please try the following instead: 

    #header .widget {
padding-top: 0;
right: 0;
position: absolute;
top: 0px;
z-index:10000 !important;
}

    Best regards,
    Rikard

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