Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1149256

    Hi Enfold Team.

    I need to keep the sidebar showing on side of the post even in mobile.
    Could be 50%-50% or even 70%-30%.
    Thank you so much.


    Hey Vinicio,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon





    I had a look at a CSS solution on your site but it looks very cramped and bad, I would advice you to not change the layout on mobile. Also, the solution would be difficult to implement since you would need conditions on when to apply the CSS, you wouldn’t want to implement it on pages without sidebars for instance.

    Best regards,


    Hi Richard,

    Unfortunately not doing this is not an option.
    I need to behave like this example link in the mobile version. With the sidebar next to the content.


    Do you have any possible solution?

    EDIT: I just found this, same question for a E-commerce. Mayde the code could be adapted.


    • This reply was modified 11 months, 1 week ago by  viniciogm.


    Please try adding following code to Quick CSS in Enfold theme options > General Styling and adjust the values as needed

    @media only screen and (max-width: 767px) {
    .responsive #top .container .av-content-small {
    width: 60%; 
    .responsive #top #main .sidebar.smartphones_sidebar_active {
        width: 36.7%;
        clear: none;
        padding-left: 20px;

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.