Viewing 17 posts - 31 through 47 (of 47 total)
1 2
  • Author
    Posts
  • January 14, 2016 at 2:52 pm #565414
    Andy

    Hey!

    archive pages do not support ALB, please refer to this thread: https://kriesi.at/support/topic/how-to-get-a-different-layout-for-the-blog-page-without-breaking-breadcrumbs/#post-256534

    Hope this helps and make things clear.

    Cheers!
    Andy

    January 14, 2016 at 3:42 pm #565442
    LeUP

    Hi Andy,

    thank you for your help. I do not use any child theme, thus just tell how to place the breadcrumbs below the title bar on archive pages. Thanks for your help in advance.

    Cheers
    LeUP

    January 14, 2016 at 4:14 pm #565485
    Andy

    Hi!

    try this code in Quick CSS field:

    .title_container .breadcrumb {
position: relative;
}

    Cheers!
    Andy

    January 14, 2016 at 9:33 pm #565771
    LeUP

    Hey Andy,

    thank you for the CSS. Great, we nearly got it :-) ! Just two more modifications (please kindly see screenshot http://www.directupload.net/file/d/4233/kjcrvxrl_jpg.htm):

    1. Green arrow: The breadcrumbs to be shown up below the title bar.
    2. Blue line: Title in title bar should align to breadcrumbs etc.

    Can you help with this? Thank you for all your support.

    Cheers
    LeUP

    January 15, 2016 at 2:25 am #565842
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .breadcrumb.breadcrumbs.avia-breadcrumbs {
    left: -2px;
    position: relative;
    top: 30px;
}

    Best regards,
    Yigit

    January 17, 2016 at 9:55 pm #566849
    LeUP

    Hey Yigit,

    thank you for the CSS, but I need to modifify the archive pages (search pages, category pages etc.) that have no transparent header only and this CSS has effect on ALL pages (with transparent header). Could you please login and check the CSS, since your support already gave me other CSS before.

    Thank you for your support.

    Cheers
    LeUP

    January 18, 2016 at 6:23 pm #567299
    Andy

    Hi!

    use this code instead:

    .title_container .breadcrumb {
top: 30px; 
left: -10px !important;
}

    and adjust as needed.

    Cheers!
    Andy

    January 18, 2016 at 9:19 pm #567383
    LeUP

    Hey Andy,

    hmmm no that does not work. The CSS I was given before messes up the breadcrumbs and I cannot find out why. Still have the problems with pages without transparent header! Please see private details showing login details and on which pages you should have a look at.

    Thank you for your kind help in advance.

    Best regards
    LeUP

    January 18, 2016 at 9:44 pm #567401
    Andy

    Hi!

    of course you should not remove my other code from previous post. Not I put this code inside your Quick CSS field and it seems to work fine: 

    .title_container .breadcrumb {
position: relative;
top: 30px; 
left: -10px !important;
}

    adjust it as needed.

    Best regards,
    Andy

    January 18, 2016 at 9:59 pm #567409
    LeUP

    Hey Andy,

    this CSS does not work since I use two different header designs: ALL my pages have transparent header and the Enfold archive pages (e.g. after using search via search icon etc.) use title bar. So every time I adjust one value that makes breadcrumbs in transparent header look fine, it messes up the archive pages.

    I have another suggestion: Can you tell how to remove the breadcrumbs on archive pages? That would look better and make things easier. Thanks for your help in advance.

    Cheers
    LeUP

    January 18, 2016 at 10:35 pm #567423
    Andy

    Hey!

    ok I think I got it. I replaced my code with this one: 

    .search .breadcrumb {
position: relative;
top: 30px; 
left: -30px !important;
}

    Adjust it as needed.

    Cheers!
    Andy

    January 18, 2016 at 10:43 pm #567433
    LeUP

    Hey Andy,

    that looks good :-) ! Unfortunately there is a “but”: what about the Enfold category pages? The breadcrumbs are messed up there too, because they do not use transparent header as well.

    Hope you can help; I am glad that we nearly got it.

    Cheers
    LeUP

    January 18, 2016 at 10:45 pm #567435
    Andy

    Hey!

    send us a precise link of the site in question please, so we can take a look.

    Regards,
    Andy

    January 18, 2016 at 11:05 pm #567455
    LeUP

    Dear Andy,

    please see private content field with the example.

    Thank you in advance.

    Cheers
    LeUP

    January 19, 2016 at 12:07 am #567479
    Andy

    Hey!

    use this for this site:

    .category .breadcrumb {
position: relative;
top: 30px; 
left: -30px !important;
}

    Cheers!
    Andy

    January 19, 2016 at 12:54 pm #567797
    LeUP

    Hey Andy,

    that code works fine with my own modifications. Thank you for all your efforts solving this problem! I think you can close this one out!

    Thanks again!

    Cheers
    LeUP

    January 19, 2016 at 9:02 pm #568114
    Andy

    Hey!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 17 posts - 31 through 47 (of 47 total)
1 2
  • The topic ‘Transparent Header Layout issues’ is closed to new replies.