Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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.

    Thanks!

    #192234

    .breadcrumb {
    left: 0;
    }

    #192249

    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.

    #192376

    Hi!

    Please use this:

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

    Best regards,
    Ismael

    #261516

    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 http://www.onevents.nl/wie-zijn-wij/

    Hope you could help me out again.

    Many thanks,

    Daniel

    #261945

    Hey!

    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; }}

    Regards,
    Yigit

    #264664

    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

    regards,

    Daniel

    #264693

    Hi!

    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: http://yoast.com/blog-headings-structure/

    and change it to

    'heading'		=> 'h3' //headings are set based on this article: http://yoast.com/blog-headings-structure/

    Best regards,
    Yigit

    • This reply was modified 7 months, 1 week ago by  Yigit.
    #265209

    Thanks! That works!

    #265496

    Hey!

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

    Best regards,
    Yigit

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

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