how to make sidebar appear on left and not right?

  • Author
    Posts
  • #152130

    maranathavc
    Member

    i added widget to sidebar and it automatically appears on the left of main page. how do i make it appear on right?

    also, on mobile view, how do i make side bar appear on top before main page? currently it appears after main page (so at the very bottom in mobile view)

    The blog I need help with is maranathavc.org.

    #152179

    tarasdashkevych
    Theme Author

    Hello,

    You can change a position of the sidebar using the Theme Options which are located in the Customizer: https://en.support.wordpress.com/customizer/

    The theme is not designed to display the sidebar section above the main content in mobile views. You can use this custom CSS to change it but it might cause styling issues:

    
    @media (max-width: 500px) {
      .hentry-inner .row,
      #homepage-widgets .row {
        display: flex;
        flex-wrap: wrap;
      }
      
      .hentry-inner .row > *,
      #homepage-widgets .row > * {
        width: 100%;
      }
      
      .hentry-inner .row .entry-body,
      #homepage-widgets .row .home-widgets-inner {
        order: 2;
      }
      
      .hentry-inner .row .col-lg-4,
      #homepage-widgets .row .col-lg-4 {
        order: 1;
      }
      
      .hentry-inner .row .col-lg-4 {
        order: 1;
        margin-bottom: 40px;
      }
    }
    

    Here is a documentation on how to add a custom CSS at WordPress.com: https://en.support.wordpress.com/custom-design/editing-css/

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #152182

    maranathavc
    Member

    thank you so much. it worked! so far so good!

    #152207

    tarasdashkevych
    Theme Author

    You are very welcome ! :)

The topic ‘how to make sidebar appear on left and not right?’ is closed to new replies.