Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 20, 2018 at 11:43 am #944537
    studiovene

    I need to add two clickable images to the header on the right hand side in addition to the logo which is on the left.

    I have created a widget (navigation) and amended my functions.php file with the following code:

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

    I have added the following code to my Quick CSS

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

    My problem is that only one of the two additional images displays on the right. I need the two additional images displaying next to each other on the right.

    April 20, 2018 at 6:10 pm #944677
    Nikko

    Hey studiovene,

    Thanks for giving us the link to your site, I have checked it and noticed that you only have a single image in the widget, I think you used an < a > tag instead of an < img > tag on the 2nd one, just use img tag and that should work just fine.
    Hope this information helps :)

    Best regards,
    Nikko

    April 20, 2018 at 9:57 pm #944767
    studiovene

    Hi Nikko
    Thank you for your help! I thought I had made img tags for both.
    One last thing – how do I get the images to display next to each other?
    :-)

    April 21, 2018 at 8:26 am #944840
    Rikard

    Hi,

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

    #top .widget_nav_menu li {
    display: inline-block !important;
}

#header .widget {
    width: 300px;
}

    Best regards,
    Rikard

    April 23, 2018 at 8:57 am #945300
    studiovene

    You are beyond awesome with the support you offer! I now have everything working well.

    Is there anything I can do to get the three logos in the header to display correctly when viewing it on a mobile device? I am hoping they will display one beneath the other on small devices.

    :-)

    April 23, 2018 at 8:20 pm #945539
    Basilis

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adding two images to header on the right in addition to logo on the left’ is closed to new replies.