Docs

[highlandadventures]

hi…if i want the sidebar on http://kb.machupicchu.com/inca-trail-tours/inca-trail-experience-tour/ not to show for cellphone viewing (screen less than 667px wide), what is the CSS or way to hide the sidebar? Note: we want the sidebar to show for larger screens…thanks. c

[Christopher]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

@media (max-width:667px){

.x-sidebar{
display:none;

}
}

Hope it helps.

[highlandadventures]

hi..thks for the reply. i applied the CSS but did NOT work. don’t know why. any advice? tks. c

[Lely]

Hi There,

Upon checking again, you have added the sidebar in Cornerstone. Please use the following custom CSS instead:

@media (max-width:667px){

.sidebannercolumn{
display:none;

}
}

Hope this helps.

[highlandadventures]

Hi…thanks for the reply. I did added in the customize CSS option (same place where we have many CSS elements). don’t understand the cornerstone comment.

again, i added the css code above to the CSS window in the CUSTOMIZE >> CUSTOM area. Is that the correct place? Still does not work.

thanks in advance for your help…c

[Jade]

Hi there,

Please use this code instead:

@media (max-width: 667px) {
    .sidebannercolumn {
        display: none !important;
    }
}

In case this doesn’t work, kindly provide us with your admin details in a private response. Thank you.

[highlandadventures]

you da man…it worked…thanks. c

[John Ezra]

You’re most welcome!

[Author]

Posts