Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
+9 votes
283 views
in Q2A Core by
reshown by

1 Answer

0 votes
by
selected by
 
Best answer

Welcome to Q2A @Ravi667.  You could've just Edited the first question you posted. No need to create multiple questions for the same issue.



First you'll need to make the sidebar width the same width of the device's viewport, by changing the sidebar value from "280px" to "100vw" on your SnowFlat theme.

Then you'll need to make the sidebar toggle show up on top of the sidebar by adding a higher "Z-index" , or else it will show below the sidebar and you won't be able to close it once it's open.
 

@media (max-width: 425px) {
    .qa-sidepanel.open {
        width: 100vw;
    }
    #qam-sidepanel-toggle.active {
        right: calc(100% - 40px);
        z-index: 999999;
    }
}

Add this code to the end of your SnowFlat/qa-styles.css file.
If you see no changes after saving it, do Ctrl+F5 / Cmd+Shift+R page refresh to force cache refresh.

by
Thank you very much.
...