Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #523030


    I have tried several custom CSS suggestions, none of which truly solved my problem. Everything about the breadcrumbs looks fine on the web (on a pc), but on a mobile device, the text “home > news > …..” does not align vertically in the breadcrumb container.

    I have 2 scenarios where I don’t understand to vertically align the text of the breadcrumbs in the breadcrumbs container:

    Breadcrumbs on PAGES
    Here my problem is that the text aligns itself at the BOTTOM of the container.

    Breadcrumbs on POSTS
    Here my problem is that the text aligns itself at the TOP of the container.

    My 3rd issue, is that the breadcrumbs do not even show up when I am on the “news (posts)” overview page – don’t quite know why that is the only place they dont show at all.

    What can I do, to solve this issue? I just want the breadcrumb text to vertically align itself in the container – and am not sure of why it differs from posts and pages (I have no custom CSS at the moment for breadcrumbs). See the pictures below

    Picture 1: Breadcrumb text aligns at the BOTTOM when you look at PAGES
    Aligns at the bottom, for pages

    Picture 2: Breadcrumb text aligns at the TOP when you look at POSTS
    Aligns at the top, for posts

    • This topic was modified 2 years, 1 month ago by  Xperten.

    Hi Xperten,

    Could you link directly to the page where we can see the issue please? Please send us a temporary admin login as well so that we can have a closer look. You can post the details in the Private Content section of your reply.



    I have posted the link for an example of page and post (however, it only occurs on the mobile – on the web, it looks just fine :-)

    Link 1 shows breadcrumb alignment general for PAGES
    Link 2 shows breadcrumb alignment general for POSTS
    Link 3 shows breadcrumbs do not show on the page that we have set to be for “news” (where there is an overview of posts)

    I’ve provided you with a temp. admin login :-)

    • This reply was modified 2 years, 1 month ago by  Xperten.


    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
    .responsive .title_container .breadcrumb { top: 10px; }
    h1.main-title.entry-title { display: none; }}

    Best regards,


    Absolutely wonderful Yigit – works like a charm!

    Final question – under “Settings” –> “`Readings”, we have set the below link to be the site for new POSTS.

    Breadcrumbs are not showing up, when you click on that site (works fine when you go to an actual post.

    Do you know how to get breadcrumbs to show up on that page?



    Please do not choose your blog page and frontpage in Settings > Readings but choose them in Enfold theme options and it should work :)

    Best regards,



    Once again, thank you for a service that is absolutely spot on – truly and highly appreciated.

    Everything is now in order again – feel free to tell me, if I should do something to mark this thread as completed (could not find it) :-)



    Glad we could help :-)

    I’ll set the thread as resolved.


Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.