Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #192062

    I like the breadcrumbs, but I’d like to move them to the left side of the header, replacing the page title. I don’t need the page title to appear there at all.

    At the same time, I’d like to make the breadcrumbs text a little larger.



    .breadcrumb {
    left: 0;


    Thanks jacobsever, that works for moving the breadcrumbs, but now its overlaying the page title. How do I remove the page title? At the same time, I want to make the breadcrumb text a couple pixels larger.



    Please use this:

    #top .title_container .main-title a {
    display: none;
    .title_container .breadcrumb {
    font-size: 13px;

    Best regards,


    Dear Enfold theme team,

    Thanks for all the help untill now.

    I have another question about the breadcrumbs.

    I have used this code in quick css:
    .title_container .breadcrumb { left: 2px; top: 14%; }
    .title_container { height: 20px; }

    I would like the breadcrumbs to be on the far left, and make it look nicer on responsive small mobile screens. (Now it is to big). Maybe it is the best to remove it for smartphone screens.
    Can I also remove the white line below the breadcrumbs container?

    my website is

    Hope you could help me out again.

    Many thanks,




    Please add following code to Quick CSS as well

    .avia-fullwidth-slider { border-top-style: none; }
    @media only screen and (max-width: 480px) {
    .title_container { 
    display: none; }}



    Thanks Yigit,

    It is almost the way I want it.
    Could you help me to move it more to the left, and for seo I want it to be a h3. Is that possible? Right now the breadcrumbs are an h1.

    Thanks in advance





    Please add following code to Quick CSS and adjust as needed

    .title_container .breadcrumb { left: -20px; }

    then go to Appearance > Editor and open functions-enfold.php file and find

    'heading'		=> 'h1' //headings are set based on this article:

    and change it to

    'heading'		=> 'h3' //headings are set based on this article:

    Best regards,

    • This reply was modified 3 years, 5 months ago by  Yigit.

    Thanks! That works!



    You are welcome, glad we could help! Let us know if you have any other questions or issues

    Best regards,

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Move Breadcrumbs to left side’ is closed to new replies.