Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 7, 2013 at 12:04 pm #29197
    chooseone

    Hi!

    1. Can anybody tell me, wich code is better to show the sidebar on mobile device:

    Code from Kriesi:

    .sidebar{

    display:block !important;

    }

    or Code i found in the support forum:

    @media only screen and (max-width: 767px) {

    .responsive #top #main .sidebar {

    display: block !important;

    }

    }

    2. When i scale down the screen size – the sidebar show up but the 1px line between main content and sidebar also shows up beside the sidebar content. How can i remove the line and center the sidebar content – so it shows up so beautiful as the main content elements :)

    Thank you so much

    September 9, 2013 at 3:14 am #140009
    Ismael

    Hey,

    1.) This is the proper code:

    @media only screen and (max-width: 767px) {
    
.responsive #top #main .sidebar {
    
display: block !important;
    
}
    
}

    2.) Please try this: 

    @media only screen and (max-width: 767px) {
    
.responsive #top #main .sidebar, .inner_sidebar {
    
border: none;
    
}
    
}

    Regards,

    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘The same again – Show sidebar on mobile without the line’ is closed to new replies.