Viewing 17 posts - 31 through 47 (of 47 total)
  • Author
    Posts
  • #565414

    Hey!

    archive pages do not support ALB, please refer to this thread: https://kriesi.at/support/topic/ (Purchase code hidden if logged out)(Purchase code hidden if logged out) -without-breaking-breadcrumbs/#post-256534

    Hope this helps and make things clear.

    Cheers!
    Andy

    #565442

    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

    #565485

    Hi!

    try this code in Quick CSS field:

    .title_container .breadcrumb {
    position: relative;
    }
    

    Cheers!
    Andy

    #565771

    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

    #565842

    Hey!

    Please add following code to Quick CSS

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

    Best regards,
    Yigit

    #566849

    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

    #567299

    Hi!

    use this code instead:

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

    and adjust as needed.

    Cheers!
    Andy

    #567383

    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

    #567401

    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

    #567409

    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

    #567423

    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

    #567433

    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

    #567435

    Hey!

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

    Regards,
    Andy

    #567455

    Dear Andy,

    please see private content field with the example.

    Thank you in advance.

    Cheers
    LeUP

    #567479

    Hey!

    use this for this site:

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

    Cheers!
    Andy

    #567797

    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

    #568114

    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

Viewing 17 posts - 31 through 47 (of 47 total)

The topic ‘Transparent Header Layout issues’ is closed to new replies.