Archived topic

Tablet uses desktop settings

5 replies · Started by Mario on March 12, 2022

Viewing posts 1–6 of 6

March 12, 2022 at 7:27 am #2151938

Hi,

I have css in place to remove the sidebar on tablets and mobiles which seems to work on mobile devices. However, on tablets the sidebar remains present..

It is as if the tablet is using the desktop settings instead of the mobile settings

This is the CSS i use to hide the sidebar on mobile:

@media (max-width: 768px) {
#right-sidebar {
display: none;
}
}

Thanks,

March 12, 2022 at 7:57 am #2152121

Hi there,

try:

@media (max-width: 1024px) {
    #right-sidebar {
        display: none !important;
    }
    .site-content .content-area {
        width: 100%;
    }
}

March 12, 2022 at 8:52 am #2152175

Hi David,

That works, but there's blank space where the sidebar would be if it wasnt hidden..

Is there a way to truly get rid of the sidebar including the container that holds it? ( i'm asuming the sidebar is inside a container or div that holds it...?)

Here's a url in case you want to take a look - https://www.lovingmeow.com/what-smells-do-cats-hate/

Thanks,

March 12, 2022 at 10:01 am #2152229

Sorry about that I made an update to the code above

March 12, 2022 at 11:21 am #2152277

Thanks David :)

March 12, 2022 at 11:53 am #2152300

You're welcome

This archived topic is closed to new replies.

Start building better websites today.