Verhindern Hinzufügen "links" Stil zu sticky Menüelement

Question

Ich habe ein Thema mit linken Seitenleiste und Inhalt.

Left Sidebar Code:

<div class="medium-2 columns" id="sidebar-left" data-sticky-container> 
<div class="sticky" data-sticky data-anchor="content"> 
    <ul class="accordion" data-accordion data-allow-all-closed="true"> 
    <li class="accordion-item"> 
     <a class="accordion-title" href="#">Categories</a> 
     <div class="accordion-content" data-tab-content> 
     <!-- list of elements --> 
     </div> 
    </li> 
    </ul> 
</div> 

Die Stiftung ändert die klebrigen div:

<div class="sticky is-at-top is-stuck" data-sticky="42hom0-sticky" data-anchor="content" data-resize="rsh5cz-sticky" style="max-width: 257px; margin-top: 1em; top: 0px; bottom: auto; left: 15px;" data-events="resize"> 

Wie kann ich Stiftung verhindern 6 "left" style meiner klebrigen Menü hinzufügen in der linken Seitenleiste?

Answer 1

Sie können Ihren Daten-Sticky-Container so formatieren, dass Padding links von null px bleibt.

<div class="medium-2 columns" id="sidebar-left" data-sticky-container style="padding-left:0;">

oder CSS verwenden das gleiche Styling mit so etwas wie zu vervollständigen:

.padd-left-0 { padding-left:0; }

<div class="medium-2 columns padd-left-0" id="sidebar-left" data-sticky-container>