Sidebar on Mobile

  • fanalejr

    (@fanalejr)


    8 years, 9 months ago

    Hi – beautiful theme, was wondering if there was a reason to make the sidebar hidden on mobile? I know it’s easy enough to override the styles that set it to display:none, but for people that don’t know CSS that could be difficult. Unless there is a setting that I missed? Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • TomJungle

    (@tomjungle)

    8 years, 8 months ago

    I have same problem (no sidebar) on iPad and mobile phone anyone like to suggest what I can do to overcome this please?

    stilman davis

    (@stilman-davis)

    8 years, 7 months ago

    The sidebar seems not to float on smaller screens, mobile or small windows on a laptop or desktop. Is there any development on this?

    webblish

    (@webblish)

    8 years, 7 months ago

    The sidebar is hidden in mobile view. Since I didn’t like that (there’s the moneymaking part of the site..), I used the following custom CSS:

    @media ( max-width: 1000px ) {

    .sidebar {
    display: inherit !important;
    float:left;
    width:100%;
    margin-top:1em;
    padding:2em 1em 1em 2em;
    background:#fff;
    border:solid 1px #ddd;
    }
    }

    @media ( max-width: 500px ) {

    .sidebar {
    border-style:none;
    margin-bottom:1em;
    padding:1.25em;
    }
    }

    The padding is adjusted for the SRP Special Recent Posts widget, zo adjust it to your own needs. Example: http://www.exotischevakantie.info.

    webblish

    (@webblish)

    8 years, 7 months ago

    Oh, and add this too, between the @media ( max-width: 1000px ) hooks:

    .sidebar h3.widget-title {
    line-height:150%;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar on Mobile’ is closed to new replies.