Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 20, 2014 at 10:05 pm #267590
    Breakstuff

    Hi there,
    Is there a simple possibility to move the breadcrumps to a different place?

    At the moment it looks like:

    What i want:

    I know i can move them with css code but I think thats not the correct way ;)

    Could you please tell me which files I need to edit.

    Is it possible to add the function breadcrumps to the header / submenu_area and remove it from the main-area?

    • This topic was modified 10 years, 7 months ago by Breakstuff. Reason: Images not working
    May 21, 2014 at 4:46 am #267781
    Ismael

    Hi Sven!

    Thank you for using the theme!

    You can add this on functions.php to render the breadcrumbs on the header meta container:

    add_action('avia_meta_header', 'avia_meta_header_breadcrumbs');

function avia_meta_header_breadcrumbs() {
	$breadcrumb = avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
	echo $breadcrumb;
}

    After that, add this on Quick CSS or custom.css to reposition the element and remove the default breadcrumb:

    .title_container div.breadcrumb.breadcrumbs.avia-breadcrumbs {
display: none;
}

#header_meta div.breadcrumb.breadcrumbs.avia-breadcrumbs {
position: absolute;
left: 0;
bottom: -7px;
}

    Best regards,
    Ismael

    May 21, 2014 at 3:13 pm #268035
    Breakstuff

    Hi Ismael,

    I have to thank you for this theme and the awesome support.

    But I have one last question :)
    Now the breadcrumps are in the right side of the secondary menu. (as you see in the picture)

    How to move it to the left side ?

    homepage: wp.maier-sven.de

    May 21, 2014 at 3:46 pm #268050
    Yigit

    Hi!

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

    .av_secondary_right .sub_menu { float: none; }
#top .sub_menu>ul { float: right !important; }
#header div.breadcrumb.breadcrumbs.avia-breadcrumbs { bottom: -20px; }

    Regards,
    Yigit

    May 22, 2014 at 5:01 pm #268668
    Breakstuff

    Hi Yigit,

    almost. But the breadcrumbs are a bit to low.

    It should be aligned as the secondary menu or the phone number.

    Thank you for your assistance

    May 22, 2014 at 5:23 pm #268676
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .breadcrumb-trail .trail-before, .breadcrumb-trail .trail-end, .breadcrumb-trail .sep, .breadcrumb-trail a, .breadcrumb-trail .bbp-breadcrumb-current { margin-top: -10px; }

    Regards,
    Yigit

    May 22, 2014 at 6:25 pm #268715
    Breakstuff

    Thats it :)

    Thank you very much.

    May 22, 2014 at 6:39 pm #268723
    Yigit

    Hi!

    You are welcome, glad we could help :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change the position of the breadcrumps’ is closed to new replies.