Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #219639

    Love the theme and the support forum is refreshingly active and helpful. I do have one question I can’t seem to find a solution for.

    If there is a low pain threshold way to replace the breadcrumbs with social icons. I searched but did not see a way to do this.

    The closest I saw was adding a phone number so it seems it is possible to tweak that area’s content:
    .title_container:after {
    content: “2566654”;
    position: absolute;
    right: 50px;
    top: 15px;
    }

    I am ok modifying a little code – but not an engineer and would prefer a way to do this is Custom CSS area.
    Is there a way to do this? I think a lot of people would love to do this….have the page title on the left and social icons on the right. Since I use the small header option – this would allow me to have a low profile header but still get the icons in the viewing area above the fold.
    Thank you in advance for your time.

    #219797

    Hi GZAM!

    What is the type of header you’re using? We can edit header.php to replace the breadcrumb with social icons but we need to know the kind of header you’re using.

    Best regards,
    Ismael

    #219940

    Hi – thanks for responding.
    I use the small non-fixed heading.

    #220250

    not sure if my reply showed up – I use the the “small non-fixed header” – can you provide details on what to swap out –
    thanks in advance for your help…

    #220712

    anyone? wrapping up my website so this would help get the task of my to do list – thanks agian

    #220761

    Hi!

    Please add this on functions.php:

    add_filter('avf_title_args', 'change_breadcrumb', 10, 2);
    function change_breadcrumb($args,$id) {
    	if($args['breadcrumb'] == true) {
    		$args['breadcrumb'] = false;
    		avia_social_media_icons();
    	}
    	
    	return $args; 	
    }

    Add this on Quick CSS or custom.css:

    #top .social_bookmarks {
    width: 1030px;
    margin: 0 auto;
    height: 0;
    position: relative;
    top: 45px;
    }
    
    #top .social_bookmarks li {
    height: 30px;
    position: relative;
    float: right;
    z-index: 1000;
    border-right: none;
    }
    
    #main {
    position: relative;
    top: -31px;
    }

    Regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Replace breadcrumbs with social icons’ is closed to new replies.