Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • September 9, 2017 at 9:45 pm #850003
    therzig

    Is there a way to display breadcrumbs in the header, top menu on the left side – instead of the telephone number or the extra information?

    September 11, 2017 at 2:20 pm #850508
    Yigit

    Hey therzig,

    Please refer to this post – http://kriesi.at/documentation/enfold/inserting-breadcrumbs-as-shortcode/ and try inserting breadcrumbs using shortcodes.

    Best regards,
    Yigit

    September 11, 2017 at 2:30 pm #850517
    therzig

    Hi Yigit, thanks for your reply. I am afraid that a shortcode will not work here. I would like to have the breadcrumb here:

    September 11, 2017 at 2:52 pm #850525
    Yigit

    Hi!

    You can insert shortcodes into Phone info field in Enfold theme options > Header > Extra Elements

    Cheers!
    Yigit

    September 11, 2017 at 4:27 pm #850566
    therzig

    I have tried so far but it does not seem to work. If I place the shortcode in the Avia Layout Architect in a text block it will be displayed correctly in the preview but not after i saved it. The position shown above (phone info field) also does not seem to work.

    September 11, 2017 at 7:38 pm #850645
    therzig

    Okay I think I have found the error. When designing each page, the display of the breadcrumbs must be activated.

    How can i increase the container to have only one line?

    September 12, 2017 at 6:55 pm #851173
    Nikko

    Hi,

    I checked the link and I can’t see the one you posted in screenshot, the breadcrumbs seems to be removed on the top bar.

    Best regards,
    Nikko

    September 12, 2017 at 8:45 pm #851236
    therzig

    Here you go: https://www.vifsg.de/disclaimer/

    September 13, 2017 at 7:28 am #851401
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    
#header_meta .phone-info.with_nav {
    width: 300px;
    padding: 0 !important;
}

#header_meta .phone-info.with_nav .container {
    width: 100% !important;
    min-width: 300px;
    padding: 0 !important;
    min-height: 0 !important;
}

#header_meta .phone-info.with_nav * {
    border: 0 !important;
}

#header_meta .phone-info.with_nav .breadcrumb-trail > * {
    line-height: 15px !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    September 16, 2017 at 9:40 pm #852951
    therzig

    Works perfectly. Many Thanks. Can you give me the code for the color and the mouse-over behavior as in the header secondary menu on the right side?

    September 16, 2017 at 11:44 pm #852981
    Mike

    Hi,
    Do you mean that you want to match the green line under the link on hover?
    please see screenshot in Private Content area

    Best regards,
    Mike

    September 17, 2017 at 8:47 pm #853130
    therzig

    Poorly formulated by me, sorry. I would like to have the breadcrumb in the color of the “logo area secondary font color” (# 68707c)

    September 17, 2017 at 9:49 pm #853137
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .avia-breadcrumbs,.avia-breadcrumbs a {color: #68707c !important;}

    please see screenshot in Private Content area & Please clear your cache

    Best regards,
    Mike

    September 18, 2017 at 7:43 am #853293
    therzig

    Great. We are almost there. Now the code for the behavior at mousover: the color should change to black (underline works already).

    September 18, 2017 at 3:34 pm #853438
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .avia-breadcrumbs a:hover {
    color: black!important;
}

    Best regards,
    Yigit

    September 18, 2017 at 7:07 pm #853540
    therzig

    You are great. Many Thanks.

    September 19, 2017 at 2:11 am #853621
    Yigit

    Hi,

    Glad we could help! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Breadcrumb display in top bar left’ is closed to new replies.