Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 10, 2020 at 12:17 am #1259435
    ClimbingSocks

    Hi,
    I want to use breadcrumbs on my site. The sitewide activation worked well following this guide https://kriesi.at/documentation/enfold/breadcrumbs/ in Enfold > Header > Header Title and Breadcrumbs
    Now I want to apply some CSS. I want to
    1. Display breadcrumbs under page title
    2. Hide breadcrumbs on mobile phone
    3. Breadcrumbs – remove the words you are here.

    So I used the respective CSS code snippets mentioned in the link above and pasted it into the Quick CSS field of my Enfold Theme. Unfortunately no results. How can I realize those 3 requirements?

    Best regards,
    Magnus

    November 12, 2020 at 3:54 am #1260039
    Ismael

    Hey ClimbingSocks,

    Thank you for the inquiry.

    1.) The title and breadcrumb is disabled on the site, so we enabled it temporarily so that we could inspect the elements. To place the breadcrumb under the title, please add this css code.

    .title_container .breadcrumb {
	position: relative;
	right: auto;
	top: 0;
	margin-top: 0;
	margin-left: -2px;
}

    2.) To hide it on mobile view, add this css code.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .title_container .breadcrumb {
    display: none !important;
  }
}

    3.) And use this to remove the prefix “You are here:”.

    .breadcrumb-title {
	display: none !important;
}

    Hope that helps.

    Best regards,
    Ismael

    November 12, 2020 at 9:38 am #1260057
    ClimbingSocks

    Hello,

    thank you for reply. Unfortunately the CSS Codes don’t work. Do you have any further ideas?

    Thanks in advance for further support.

    Best regards,
    Magnus

    November 13, 2020 at 6:05 am #1260270
    Rikard

    Hi Magnus,

    You had some open CSS in Quick CSS:

    /*Farbe des Add to cart buttons auf orange ändern*/
a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt {
	background: #edae44 !important;

    I closed it for you, and the CSS Ismael gave you is applying now. Please review your site.

    Best regards,
    Rikard

    November 13, 2020 at 11:23 am #1260306
    ClimbingSocks

    Thank you so much once again. I really appreciate your support!

    Best regards,
    Magnus

    November 14, 2020 at 6:12 am #1260452
    Rikard

    Hi Magnus,

    Great, I’m glad that we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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