Portfolio Sidebars

[trueink]

Is there a way to completely hide the sidebar on the portfolio pages only on tablets and mobiles phones but keep the sidebar on regular computers?

any help would be greatly appreciated.

thanks

[Laura]

Hello, yes, just add this to style.css of child theme

COPY CODE

@media only screen and (max-device-width: 1000px) {
.sidebar.sidebar-main.col-sm-3.sidebar-right {
    display: none;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[trueink]

Hi Laura,

Thanks for the quick reply. The code didn’t work for me though. :/

[Laura]

Hello, can you share admin credentials so i can check it out?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[trueink]

Hi Laura,

of course here you go:
http://www.trueinkdesigns.com/wp-login.php

Laura
7k&!wtLzWopFVa0fkb%jVPOi

Just wanted to make sure we are both on the same page, what i was looking to do is hide the sidebar on the portfolio pages, giving the page a full width look that would eliminate the entire sidebar on mobile and tablet devices only (whether they are held horizontally or vertically).

Thanks again!

[Laura]

Hello, the code works, hides the sidebar for mobile, your modification requires a bit more coding so i suggest to hire a developer to do it for you 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Andrei]

Hi @trueink, can you please let me know if the code Laura provided did helped you or if you need any more help please explain us better so we can clearly understand and help you …

Looking forward.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[trueink]

Hello Andrei,

Thanks for reaching out. Ive received a rather personal and defensive email from SeventhQueen and I’ve responded accordingly. It looks like what I’m trying to do cannot be achieved through this forum. however, i do appreciate your response.

[Laura]

Hello, please try the following ccss at style.css of child theme, let me know if this works 🙂

COPY CODE

@media only screen and (max-device-width: 991px) {
.sidebar.sidebar-main.col-sm-3.sidebar-right {
    display: none;
}
div#main-container {
    max-width: 1280px !important;
}
.template-page.col-sm-9.tpl-right {
    width: 100%;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts