Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #24247

    I know that Ismael has already provided the following code for Quick CSS to fix this issue:

    /* All Mobile Sizes (devices and browser) */

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

    .responsive #top #main .sidebar {display:block !important; }

    }

    —-

    Despite using this code my sidebar still doesn’t display on mobile. See: http://kleboe.co.uk/jobs for what I mean. Can anyone help on this?

    Thanks!

    #122888

    Hey kleboe,

    Change that to:

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    .responsive #top #main .sidebar {display:block !important; clear: both; }
    }

    So that it moves from the sidebar position and wraps under the content.

    Regards,

    Devin

    #122889

    Devin,

    Thanks for the response; very prompt indeed.

    I tried that code in Quick CSS but it hasn’t made a difference. You can see the issue here: http://kleboe.co.uk/jobs and here: http://kleboe.co.uk/blog which both have a sidebar.

    If it helps you resolve the issue I have the same problem with the footer menu disappearing in mobile view as well. I don’t know if they are both linked? I’d like to resolve that issue as well.

    All the best,

    Kleboe

    #122890

    Hi,

    I can see your sidebar. Please remove browser cache then reload the page.

    Regards,

    Ismael

    #122891

    Ismael,

    You are right. Classic cowboy error. Thanks!

    Kleboe

    #122892

    Glad we could help :)

    Let us know if you have any other questions or issues.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Sidebar on mobile screen size not appearing’ is closed to new replies.