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!
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
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
Hi,
I can see your sidebar. Please remove browser cache then reload the page.
Regards,
Ismael
Ismael,
You are right. Classic cowboy error. Thanks!
Kleboe
Glad we could help :)
Let us know if you have any other questions or issues.