Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 5, 2014 at 8:22 am #363448
    chantalinkdesign

    Hello,

    Can you please tell me how to adjust the height of the breadcrumb container? I have also added a color section to the home page to match the breadcrumb container on the inner pages. I would like to reduce the size of this as well so they are both the same. Appreciate the help.

    December 5, 2014 at 11:30 am #363501
    Günter

    Hey chantalinkdesign!

    Thank you for using our theme.

    To reduce the title and breadcrumb:

    Reduce the values for padding and you can use negative values for the margin. You can also set min-height to a value like 35px.

    
#top .title_container .container {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    min-height: auto !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

    Put this in custom.css or Enfold->Styles->QuickCSS field.

    To adjust the color section use the following and adjust the values:

    
.home .container .entry-content-wrapper .custom-color-heading {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    min-height: auto !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

    Cheers!
    Günter

    December 5, 2014 at 6:49 pm #363747
    chantalinkdesign

    Thanks. The breadcrumb is now displaying perfectly. A few more questions:

    1. I added all of the above code, but the color section on the home page is unfortunately not working. I would like it to match the breadcrumb.
    2. I really like the new small breadcrumb height, however when I view on a mobile device the breadcrumb links fall out of the breadcrumb container. Is there a way to have the Breadcrumb Title font hidden (E.g “Rhinoplasty”) when viewing on mobiles? So then it would just be the breadcrumb trail itself, fitting nicely on with the brown background?

    Thanks.

    December 5, 2014 at 6:50 pm #363749
    chantalinkdesign
    This reply has been marked as private.
    December 5, 2014 at 10:12 pm #363871
    chantalinkdesign

    UPDATE: I have decided to remove the color section on the home page, so please disregard #1. Would still please like assistance with #2.

    :–)

    December 6, 2014 at 10:38 am #364031
    Günter

    Hi!

    Thank you for coming back.

    Use the following CSS and put after the code above:

    
@media only screen and (max-width: 767px) {
       .title_container .main-title {
                  visibility: hidden !important;
       }
}

    You can replace the width also with 989 for portrait mobile or 480.

    Regards,
    Günter

    December 8, 2014 at 12:24 am #364366
    chantalinkdesign

    Thank you!

    December 8, 2014 at 11:47 am #364565
    Günter

    Hi!

    Glad I could help you.
    Enjoy the theme.

    Regards,
    Günter

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Reduce height of breadcrumb container’ is closed to new replies.