Forum Discussion

MikeRamone's avatar
MikeRamone
Community Member
4 years ago

The training title ends with a vertical bar -> |

Articulate 360 automatically draws a thin vertical line after the training title (see screenshot).
How can I delete this vertical line?

If I put the "sidebar" on the left side, then the line is hidden. But I want to place the menu on the right side.

Can someone help?
Thanks in advance.

6 Replies

  • It’s not clear from your screenshot, but do you have anything else slotted in the Topbar section of the Player Tabs (regardless if it’s on or off) ?

  • MikeRamone's avatar
    MikeRamone
    Community Member

    Thanks for your answer
    No, nothing extra has been added to the "Player Tabs". Only the "Menu" in the "Sidebar" is activated and nothing is activated in the "Topbar".
    I hope that the new screenshot brings a little more clarity.

    • DanielCanave618's avatar
      DanielCanave618
      Community Member

      Good!

      Ok, so after applying the Player settings you have into a project and publishing it out to web, I used Google Chrome's inspector to isolate the problem.  Turns out to be the border-right attribute tied to the .presentation-title .top-tabs-line found within the desktop.min folder

      To delete this attribute, follow the path html5 > lib > stylesheets > desktop.min, then open the desktop.min folder with Notepad (or another code editing tool):

      Once in Notepad, initiate a search (Ctrl+F) for .presentation-title .top-tabs-line.  Once found, simply delete the border-right attribute, then File > Save your changes.

      Launch the story file and you should be all set!

  • Hi, Mike.

    Thank you for reaching out! It sounds like you've encountered a bug we've reported to our team: 

    A vertical line appears on the title when Previewing/Publishing the file

    While I don't have any updates on a fix, the current workaround would be to change the Sidebar to the left side. 

    Check out this article for additional information on how we identify and tackle bugs. We will keep you updated on any new developments!

  • MikeRamone's avatar
    MikeRamone
    Community Member

    @Maria Thank you for the information regarding the bug.
    @Daniel Many thanks for the detailed instructions - great service 👍
    I'll try this later.

    • DanielCanave618's avatar
      DanielCanave618
      Community Member

      Happy to help where I can!  Do remember to only delete that which falls between the ; and the }.

      So in this case, you'll be left with

      .presentation-title .top-bar-line (left:0;top:0;height:100px;width:13px;z-index:9);}