I need DOT DOT DOT Ellipse after long Breadcrumbs

  • Resolved shawn007

    (@shawn007)


    3 years, 5 months ago

    Hello Team

    I need your help. I have setup Breadcrumbs on all my posts. I want to include the dot dot ellipse after partially showing my Breadcrumbs.

    Can you please help me..

    This is my current image of Breadcrumbs – https://pasteboard.co/K6Rmx7d.png
    And this is what i would want it to be – https://pasteboard.co/K6RnLO0.png

    The last item actually is my main Blog Title (h1) I want to show that partially as a Dot Dot for my Desktop Tablet and Mobile.

    I tried with the code below but it cuts off entire thing and places DOT DOT …

    `/*breadcrumbs ellipse*/

    .ct-breadcrumbs
    {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;

    }

    Please help me!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @shawn007

    Can you try to also set a width attribute to the breadcrumbs? That should get you going as I have searched for examples and all of them seem to include the width attribute.

    width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

    Let me know if this helps

    • This reply was modified 3 years, 5 months ago by Eduard.
    Thread Starter shawn007

    (@shawn007)

    It does not work. I only get to see three dots. and all my text is cutoff.
    Here is the screengrab.

    https://prnt.sc/15mfsf4

    Can you post a link to your website so we can take a better look?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘I need DOT DOT DOT Ellipse after long Breadcrumbs’ is closed to new replies.

Tags