I'm encountering an issue with a hidden menu that appears on rollover of another div. It's not displaying correctly and it's driving me crazy. I've uploaded a fiddle and images to show how it should look versus how it currently appears.
/** CSS Styles */
.ts-layout {
}
/* Header Styling */
.ts-header {
/* header styles here */
}
/* Menu Activator Styles */
.ts-menu-activator {
/* menu activator styles */
}
/* Menu Area Styles */
.ts-menu-area {
/* menu area styles */
}
/* View Styles */
.ts-view {
/* view styles */
}
/** Additional helpers */
.no-select {
/* no-select styling */
}
.vertical-text {
/* vertical text styles */
}<div class="ts-layout" ng-controller="app.views.layout.header as vm">
<div class="ts-header">
<!-- Header content -->
</div>
<div class="ts-menu-activator">
<!-- Menu activator content -->
</div>
<div class="ts-menu-area">
<!-- Menu area content -->
</div>
<div class="ts-view">
<!-- View content -->
</div>
</div>Any assistance or recommendations would be greatly appreciated :)
If anyone can advise why my text isn't displaying vertically, that would be fantastic!
https://i.sstatic.net/9zFf7.png https://i.sstatic.net/IBX9l.png