Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 11, 2015 at 5:54 pm #501835
    AnR

    Can I center the breadcrumbs instead of having them left aligned? If so, how?

    Thanks,

    Al

    +6 hours later … Anyone …

    September 12, 2015 at 6:23 am #501968
    Rikard

    Hey Al,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    September 12, 2015 at 4:53 pm #502137
    AnR

    Hello Rikard,

    Here’s the link to our site – https://xtechni.ca/support/

    As you can see the breadcrumbs appear right aligned (sorry, I wrote left in my original posting). I’d like them centered.

    Al

    September 13, 2015 at 9:02 am #502232
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .title_container .breadcrumb {
    right: auto !important;
    left: 46%;
}

    Regards,
    Rikard

    September 13, 2015 at 11:00 pm #502412
    AnR

    The problem with assigning a % for the left alignment is that if the breadcrumb is larger (or smaller) it doesn’t center on the page. Is there no responsive way to center a breadcrumb?

    September 14, 2015 at 5:45 am #502476
    Rikard

    Hey,

    Try the following instead:

    .title_container .breadcrumb {
    z-index: 10;
    line-height: 1px;
    font-size: 11px;
    position: relative;
    right: auto;
    top: auto;
    margin-top: auto;
    display: table;
    margin: 0 auto;
}

    Thanks,
    Rikard

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