Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 12, 2016 at 3:27 pm #631429
    vossenm

    Hi there,

    How can I do the following:

    – change the fontsize of the breadcrumbs line
    – Put the name on the right and the link on the left (reverse the current situation)
    – Make this part always stick to the menu

    Thanks in advance!

    May 13, 2016 at 3:02 pm #632073
    Yigit

    Hey vossenm,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
.title_container .breadcrumb {
    font-size: 14px;
    right: auto;
}
.title_container .main-title {
    float: right;
}
.title_container {
    position: fixed;
    width: 100%;
    z-index: 99;
}

    To make it sticky correctly, you should go to Enfold theme options > Header > Header Behaviour and disable shrinking header

    Best regards,
    Yigit

    May 13, 2016 at 3:15 pm #632083
    vossenm

    Hi Yigit,

    Thank you very much, this is almost perfect, but now it seems like the breadcrumbs area is OVER the top of the pages instead of above them?
    It is covering part of the pages now, how can I solve that?

    Thanks and have a nice weekend!

    Marcel

    May 13, 2016 at 3:17 pm #632085
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .title_container + div {
    padding-top: 50px;
}

    Regards,
    Yigit

    May 13, 2016 at 3:29 pm #632096
    vossenm

    Thanks again, perfect!
    Have a nice weekend!

    Marcel

    May 13, 2016 at 3:30 pm #632098
    Yigit

    Hey!

    You are welcome Marcel!
    You too have a nice weekend :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Styling breadcrumbs’ is closed to new replies.