Portfolio Sidebars

This topic has 8 replies, 3 voices, and was last updated 8 years by Laura.

Author
February 28, 2016 at 02:46 #107177

trueink
Participant

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
February 28, 2016 at 23:07 #107283

Laura
Moderator
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 🙂
February 29, 2016 at 01:01 #107294

trueink
Participant

Hi Laura,

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

February 29, 2016 at 16:33 #107386

Laura
Moderator

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 🙂

February 29, 2016 at 16:46 #107392

trueink
Participant

This reply has been set as private.

March 1, 2016 at 13:45 #107606

Laura
Moderator

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 🙂

March 1, 2016 at 15:43 #107667

Andrei
Moderator

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

March 1, 2016 at 17:04 #107728

trueink
Participant

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.
March 1, 2016 at 17:27 #107736

Laura
Moderator
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

Viewing 9 posts - 1 through 9 (of 9 total)

The forum ‘General questions’ is closed to new topics and replies.

Search KB

Log in with your credentials

Forgot your details?