Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #26673

    I have an issue with breadcrumbs and superscripting.

    Any breadcrumb text that does not have superscripting shows fine, but any breadcrumb text that has superscript (using the <sup>) is shifted down so that the top of the superscript text is in line with the top of the other text.

    Here is a pic of what I mean</IMG&gt;

    The only thing that I’ve done to superscripts is to add the following code in custom.css:

    body#top sup{

    vertical-align: super;

    font-size: 60%;


    Any suggestions? Breadcrumbs don’t look great with this issue.


    Hi unitedwc,

    We would need to see an example live to inspect the code and then we can try some fixes.




    Here is an example of the issue that I’m encountering with the breadcrumbs.



    Add this on your custom.css or Quick CSS

    body#top sup {
    vertical-align: top;




    Hi Ismael

    Your suggestion didn’t look quite right (the registered trademark was shifted down right to the middle of the text rather than looking like a superscript).

    I did find a solution online (

    I set the sup css to this:

    <br />
    body#top sup {<br />
    vertical-align: baseline;<br />
    font-size: 0.6em;<br />
    position: relative;<br />
    top: -0.8em;<br />
    }<br />

    And it works like a charm with the <sup> html tag.

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

The topic ‘breadcrumbs shifted down if superscript is used’ is closed to new replies.