Navigation
Archive / Column Widget Area Page Responsive CSS
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 8, 2017 at 4:32 am #1362565
    RMnisperos
    Participant

    Hi,

    My name is Enzo, I am the web developer of Vapepinas.com.

    I would like to edit the column area of my widget element based on the screen size. For example, I would like to float:right the column area on the desktop screen and make it center on mobile devices. May I know, what CSS class and id should I use in order to manipulate this. Thank you very much!

    February 8, 2017 at 6:18 am #1362671
    Thai
    Moderator

    Hi There,

    Please try with this CSS:

    #widget_area {
    float: right;
}
@media (max-width: 979px) {
    #widget_area {
        float: none;
        margin: 0 auto;
        display: block;
    }
}

    If it doesn’t work, please provide us with your admin account so we can take a closer look.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1362565 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>