Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 16, 2014 at 3:13 pm #292097
    anma

    Hey,
    i’d like to put an image at the right of the navigation before “search”.
    How can i do that ?

    Best, AB

    July 16, 2014 at 5:49 pm #292151
    Yigit

    Hi anma!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and change the image link to yours

    .main_menu {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/No_image_available.svg/100px-No_image_available.svg.png);
background-repeat: no-repeat;
}

    If this is not who would like it to look, please post a screenshot

    Best regards,
    Yigit

    July 17, 2014 at 9:22 am #292382
    anma

    Hi Yigit,

    So i tried your code it works but i’d like to make it clickable and put it on the other side.
    Here is a screen : http://i.imgur.com/OTK2GcT.png?1

    Thanks, AB

    July 17, 2014 at 1:38 pm #292443
    Yigit

    Hi!

    Please add following code to Functions.php file in Appearance > Editor

    `

add_action('ava_after_main_menu','logo_text');
function logo_text() {
echo "<div class='menu-text'><a href='http://kriesi.at'><img src='linktoyourimage.jp' /></a></div>";
}

`

    And you can change its styling using .menu-text selector in Quick CSS field

    Regards,
    Yigit

    July 21, 2014 at 3:33 pm #293883
    anma

    Hi !
    So i try your method, i add some code to put the image to the right.
    There is still a little problem that i would love to fix.

    The image is to the right like i want it but i would like to align it with the navigation, i did a screen for you :

    Thanks,
    AB

    July 21, 2014 at 3:38 pm #293887
    Yigit

    Hi!

    Can you please post the link to your website?

    Cheers!
    Yigit

    July 21, 2014 at 4:39 pm #293905
    anma

    Hi,

    Here it is : http://simulateur-golf-sport.fr/

    Thanks,
    AB

    July 21, 2014 at 5:21 pm #293920
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .menu-text {
position: relative;
top: -30px;
height: 30px;
}

    Best regards,
    Yigit

    July 21, 2014 at 5:53 pm #293933
    anma

    Hi,

    thank you for your answer, it work properly but i still need a little bit of your help.
    The image is not clickable, i don’t know why, any ideas ?

    Best,
    AB

    July 21, 2014 at 6:01 pm #293940
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .menu-text { z-index: 999; }

    Best regards,
    Yigit

    July 22, 2014 at 9:54 am #294245
    anma

    Great thanks again Yigit !

    Best,
    AB

    July 22, 2014 at 1:44 pm #294320
    Yigit

    Hey!

    You are welcome AB, always glad to help : )

    Regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Add image to navigation’ is closed to new replies.