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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[trueink]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts