Center breadcrumb

  • Resolved aevdh

    (@aevdh)


    6 years ago

    I’ve (successfully) installed your awesome plugin and it’s showing breadcrumbs as is my target. However, it’s showing at the far left of the screen while everything else on the site is restricted in width to a box 1000px wide. I’m using a child of the twenty seventeen theme.

    I would like to have the left side of the breadcrumb trail be aligned with the left side of the menu / boxed page content. If that’s not possible, I’d settle with having the breadcrumb trail be centered on the screen.

    I don’t have the foggiest idea where to start and I have no CSS / PHP knowledge. I’ve tried changing the float: left to float: center but that changes nothing (float: right does indeed move the breadcrumbs to the far right but that’s not what I want either).

    I know this is not a flaw or problem with your plugin but I’d be really happy if you could help me out.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author PressTigers

    (@presstigers)

    Hi @aevdh,

    The link you mentioned is under construction and we can not help without watching the website, kindly take help of the front-end developer for that or share the live version of the website with us so that we guide you accordingly.

    Regards,

    Thread Starter aevdh

    (@aevdh)

    Sorry – I switched off the under construction plugin. Website should be visible now.

    Thread Starter aevdh

    (@aevdh)

    While most of the content has not been filled on the website, please refer to

    this example page

    to see how it looks now.

    Thread Starter aevdh

    (@aevdh)

    @presstigers I managed to get a little closer to what I want by putting this code in style.css:

    .fbc-wrap{ text-align:center; padding:0 27%; }
    .fbc-items{ margin:0px auto; }

    The value of 27% was found by experimenting, I expected 50% to be perfect but somehow the breadcrumbs are horizontally crushed and put underneath eachother rather than side by side with that value. Stuff looks a little better now but the left side of the breadcrumbs are only well aligned with the menu on a 2560px horizontal resolution now, and the breadcrumbs are nicely centered on small screens (tablet, phone). On anything else it looks a bit weird now. I can’t get my head around it. Help would still be appreciated!

    Plugin Author PressTigers

    (@presstigers)

    Hi @aevdh,

    We have forwarded your request to our UI team, as they will suggest some solution we will get back to you.

    Regards,

    Thread Starter aevdh

    (@aevdh)

    @presstigers Thank you very much!

    Thread Starter aevdh

    (@aevdh)

    @presstigers I’ve not heard from the UI team but for now I’ve decided to move the breadcrumbs to the footer. Somehow I’ve managed to make it stick to the column width there, so it looks a lot better now. Thank you! I’m happy with the current looks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Center breadcrumb’ is closed to new replies.