on mobile sidebar is displayed on bottom of page

@ulike A couple of lines of css will move the sidebar to the top on mobile, however, you would need to implement some javascript to make it collapsible.

@media screen and (max-width: 1025px){
.has-left-sidebar #main {
    grid-column: 1;
    grid-row: 2;
}
.has-left-sidebar #secondary {
    grid-column: 1;
    grid-row: 1;
}
}

hey thanks for the reply @wlpdrpat

where can i add this code ?

@ulike From wp-admin navigate to Appearance > Customize and then choose the menu item Additional CSS. Be sure to save changes and publish.

@wlpdrpat its not working

@ulike Sorry, I missed this line of css. Place it above the previous css.

.content-container.site-container {display: grid;}

• This reply was modified 30 minutes ago by wlpdrpat.

@wlpdrpat OMG! it worked, I don’t have words to express how grateful I am to you.

I really appreciate you sparing your time to resolve my issue so quickly. Thank you very much.