because of there is only a layout with columns.
So please go and set a 1/1 column below that – to see how enfold handles the rest.

the first column now can be select via:
#top.postid-335 .entry-content-wrapper .submenu-col instead of #top.postid-335 .entry-content-wrapper .flex_column.first

on your layout there is no parent element that you can give a custom class to. So we had to work with page/post IDs
If you have that on all single posts – than we can select more global as f.e.: single-post etc.

PS : there is no slug of the post on default enfold.

you can have both – column sticky and sidebar sticky

.responsive body#top.postid-335 {
    overflow-x: visible;
}

#top.postid-335 #wrap_all {
    overflow: visible;
}

@media only screen and (min-width: 768px){  
  #top.postid-335 .entry-content-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
  }

  #top.postid-335 .entry-content-wrapper .flex_column.first{      
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px;   /*** depends on your header-height after scrolling ***/
    min-width: 120px;  /*** you can have here absolute Values  ***/
  }
  #top.postid-335 #main div > .container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
  }

  #top.postid-335 .sidebar{
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 60px;   /*** depends on your header-height after scrolling ***/
    width: 30% !important; /*** you can have here different width than on global settings of Enfold ***/
  }
}

see here the example page for sticky sidebar with code : https://webers-testseite.de/sticky-sidebar/

Try to make a screenshot of your enfold layout you like to have. Or describe it better.

On your sandbox the parent element is the entry-content-wrapper
now you like to have the first column to be sticky and the second one scrolls. The sidebar on the right should scroll away too?

dont bother bro the solution support will provide will be a solution that looks like chinese dealing with :

How to manually import a theme demo

Please add following line to Functions.php file in Appearance > Editor
add_theme_support( ‘avia_demo_store_downloaded_files’ );

Download the zip file of the demo you would like to import from https://github.com/KriesiMedia/enfold-library/tree/master/demos
Extract it in \uploads\avia_demo_files\ folder. If you are importing Enfold 2017 demo, files should be extracted inside \enfold-2017\ so it should look as \uploads\avia_demo_files\enfold-2017\
Go to Enfold theme options > Demo Import and import the demo

——

i am considering buying another theme as this is just impossible for a non pro to use it

i suggested a video tutorial but no response

• This reply was modified 1 year ago by hankboomer.

hi team, wouldnt be a good idea to edit a video showing how to :

How to manually import a theme demo

Please add following line to Functions.php file in Appearance > Editor
add_theme_support( ‘avia_demo_store_downloaded_files’ );

Download the zip file of the demo you would like to import from https://github.com/KriesiMedia/enfold-library/tree/master/demos
Extract it in \uploads\avia_demo_files\ folder. If you are importing Enfold 2017 demo, files should be extracted inside \enfold-2017\ so it should look as \uploads\avia_demo_files\enfold-2017\
Go to Enfold theme options > Demo Import and import the demo

because frankly , a newby wont even know where to start here as in the “Editor” it is clearly written : “* PLEASE DO NOT EDIT THIS FILE!”

you guys are cool to share processes but you assume we all understand what this mean.

a step by step video tutorial would fix the demo download headaches (also duplicator process)