Struggling to adjust the position of a side panel that pops up when hovering over an option. This is the code I found in Chrome Developer Tools:
<nav id= "side_nav" class= "sidebar-bg-color header-side-nav-scroll-show">
<ul data-template= "nav-template" class= "sidebar-bg-color ps-ready ps-container" data-blind= "source: nodes">
<li class= "nav_trigger nav_open">
<div class= "sub_panel" style= "left: 50px;"> == $0
</div>
</li>
</ul>
</nav>
Simply need to change the left: 50px
style to 76px
. The issue lies in the fact that this attribute is stored under element.style
in the developer tools, making it hard to target in my CSS file. Any suggestions would be greatly appreciated!
My attempt to target the specific element failed as I ended up selecting the main panel instead of the sub panel. Here's the code I used:
nav #side_nav, ul.sidebar-bg-color ps-ready ps-container, li.nav_trigger nav_open, div.sub_panel{
left: 76px;
},