Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 22, 2013 at 9:30 pm #192062
    mgerenser

    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!

    November 23, 2013 at 12:17 pm #192234
    jacobsever

    .breadcrumb {
    left: 0;
    }

    November 23, 2013 at 2:04 pm #192249
    mgerenser

    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.

    November 24, 2013 at 3:29 am #192376
    Ismael

    Hi!

    Please use this:

    #top .title_container .main-title a {
display: none;
}

.title_container .breadcrumb {
font-size: 13px;
}

    Best regards,
    Ismael

    May 7, 2014 at 10:05 pm #261516
    danielvanloosbroek

    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

    May 8, 2014 at 7:09 pm #261945
    Yigit

    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

    May 14, 2014 at 2:42 pm #264664
    danielvanloosbroek

    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

    May 14, 2014 at 3:23 pm #264693
    Yigit

    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 10 years, 6 months ago by Yigit.
    May 15, 2014 at 10:18 am #265209
    danielvanloosbroek

    Thanks! That works!

    May 15, 2014 at 9:10 pm #265496
    Yigit

    Hey!

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

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Move Breadcrumbs to left side’ is closed to new replies.