Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 7, 2015 at 9:43 am #469487
    cthai

    Hi there,

    I noticed that the breadcrumb doesn’t show on a page when I select the transparent header option under the layout box. I have the breadcrumb selected also under the layout box and it appears fine when I don’t select the transparent header option. I pasted the URL of the page I’m testing the breadcrumb.

    Thanks

    July 7, 2015 at 10:43 am #469516
    Yigit

    Hey cthai!

    Please refer to Elliott’s post here – https://kriesi.at/support/topic/breadcrumb-w-shortcode-only-appears-if-header-no-transparency/#post-469042

    Regards,
    Yigit

    July 7, 2015 at 11:29 am #469546
    cthai

    Thanks, Yigit. I commented out the line that Elliot mentioned in the post, and the breadcrumb appears. However, I cannot find the CSS for the breadcrumb element to target and style it. It’s currently stuck at the top.

    Thanks

    July 7, 2015 at 11:32 am #469550
    Yigit

    Hey!

    Can you please elaborate on the changes you would like to make?

    Cheers!
    Yigit

    July 7, 2015 at 12:21 pm #469571
    cthai

    I would like to move the breadcrumb down so that it is underneath the menu rather than at the very top of the window. As well, I would like to remove the Title and the background color.

    Thanks!

    July 8, 2015 at 12:45 pm #470178
    Andy

    Hey!

    use this code to control breadcrumb position: 

    .breadcrumb-trail {
position: relative;
top: 50px;
}

    To remove page title:

    .title_container .main-title {
display: none;
}

    Which background color are you referring to? you can choose any background color in the Styling settings of the theme.

    Best regards,
    Andy

    July 8, 2015 at 12:58 pm #470191
    Ismael

    Hey!

    You can try this in the Quick CSS field:

    .title_container {
  background-color: transparent;
  top: 80px;
  position: fixed;
  z-index: 1000;
  width: 100%;
}

.title_container .main-title {
  display: none;
}

.header-scrolled + #main > .title_container {
  display: none;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.