Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 7, 2015 at 5:21 pm #499412
    Hoerlski

    hi!

    I would like to add a custom sidebar on the right side made up off 4 icons to my website similar to the one used on the attached website. The sidebar should be fixed on the right side and should always be there even when scrolling. I hope you can help me.

    http://www.lechner-ag.de/start/

    Regards

    September 8, 2015 at 4:24 am #499633
    Ismael

    Hi Hoerlski!

    Thank you for using Enfold.

    You can modify the header.php file directly or try to add something like this in the functions.php file:

    add_action('ava_after_main_container', function() { 
	$output =  '<div id="left-nav">';
	$output .= '<ul><li><img src="ICON IMAGE URL HERE"></li></ul>';
	$output .= '<li><img src="ICON IMAGE URL HERE"></li>';
	$output .= '<li><img src="ICON IMAGE URL HERE"></li></ul>';
	$output .= '</div>';
	
	echo $output;
});

    Add this in the Quick CSS field to position the container to the left edge of the screen:

    #left-nav {
    position: fixed;
    left: 0;
    top: 30%;
    z-index: 1000;
}

    Regards,
    Ismael

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