Hide sidebars on mobile devices?

  • Resolved AJ Don

    (@cultural-keys)


    9 years, 8 months ago

    Hey guys,

    I’m running the Virtue Theme on my new site (the theme is AWESOME BTW!)

    But on the mobile version of my site, it does look kinda..crappy. Mostly because of the sidebars at the bottom.

    Is there a way i can make them not appear on mobile devices?

    I’ve tried using;

    @media (max-width: 979px) {
aside.kad-sidebar, #containerfooter {display: none;}
}

    css code I saw on another thread, but it just made the entire site mess up.

    Any input would be appreciated. ??

Viewing 11 replies - 1 through 11 (of 11 total)

  • Hey,
    Thanks for the comment.

    That css seems fine, can you post a link to your site? Are you adding in the theme options > advanced settings?

    Kadence Themes

    Thread Starter AJ Don

    (@cultural-keys)

    HI!

    No, I just pasted it into Appearance >>>> Edit CSS.

    Wrong place?

    https://ckmartialhearts.com

    Try adding in your theme options > advanced settings.

    Your site is not live? or is misconfigured so I can’t see it.

    Kadence Themes

    Thread Starter AJ Don

    (@cultural-keys)

    Sorry! My bad. ??

    Just ckmartialhearts.com. Not sure why I added the https://!

    hannah

    (@hannahritner)

    Hey Cultural Keys,
    Did you try pasting the css in appearance > theme options > advanced settings as Kadence Themes said above?

    Hannah

    Thread Starter AJ Don

    (@cultural-keys)

    Hi,

    Yes, that way did work! Thanks! ??

    The only ‘problem’ is that it also hides the….bit at the bottom (no idea the name) that contains the ‘@CK Martial Hearts 2015 – WordPress Theme by Kandance Themes’

    So it looks like the page just stops dead, almost like it was broken.

    Is there any way to tinker with the css that I used, to also show that ‘bottom bit’, rather than the side bars as well?

    hannah

    (@hannahritner)

    So you only want the sidebar gone? Is there a reason you’re not just using a fullwidth template? (Theme Options > Main Settings)

    If you only want to remove the sidebar then the css should be:

    @media (max-width: 979px) {
aside.kad-sidebar {display: none;}
}

    Kadence Themes

    Thread Starter AJ Don

    (@cultural-keys)

    @media (max-width: 979px) {
aside.kad-sidebar {display: none;}
}

    Boom! That’s the one! Thank you so much! ??

    @hannah – I like the sidebars on desktop, just not on mobile. But it looked weird without the ‘footer’. ??

    This is all good now though. Cheers guys! ??

    This is a new site we have built – https://flexiblesolar.ca

    I just want to turn off the right side bar for mobile viewing. Is their a snippet for this>

    Jake Oliver

    @twogunrosie: This forums is for the virtue wordpress theme. You would need to check with the forums for the theme you are using.

    Kadence Themes

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Hide sidebars on mobile devices?’ is closed to new replies.