Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 16, 2016 at 1:09 am #725114
    Studio13SprayTanning

    Hello Enfold Support,

    I would like to place the “login | register” link that I have implemented into my menu between the ‘book now’ button and the ajax search magnifying glass icon.

    I have already inputted the below code into my functions.php file:

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

    Please let me know how I can tweak the below custom CSS so that this link is placed between the ‘book now’ button and the ajax search magnifying glass icon.

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

    December 19, 2016 at 5:09 pm #726134
    Studio13SprayTanning

    Just following up here :)

    December 19, 2016 at 8:15 pm #726247
    Basilis

    Hey!

    You can not position something there with only CSS.
    Why not add it to the menu position, so it an be a last item and style it as you want?

    Cheers!
    Basilis

    December 20, 2016 at 6:37 pm #726719
    Studio13SprayTanning

    Hi Basilis — I have done this, but unfortunatly when the header shrinks the script link does not shrink with it (see: http://ohiocryo.com)

    Anyway to make this shrink with the rest of the menu? Thanks!

    December 27, 2016 at 5:20 pm #728278
    Andy

    Hi,

    use this code inside Quick CSS field:

    #menu-item-6893 .avia-menu-text {
top: -19px;
position: relative;
}
.av_header_transparency #menu-item-6893 .avia-menu-text {
top: 0px;
position: relative;
}

    Best regards,
    Andy

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