Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #29197

    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

    #140009

    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

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.