Hi Devs,

This template is a legacy from our previous developer. He added the left-side via module, so that the template has 3 columns, But, the left-side which contains banners makes the look of the site bad when it's accessed via mobile device.
I want to move the left-side section to the bellow of the main section, or hide it totally, but I dont know how to do this. Is it possible to do this? Can you guys help me?

Thanks.
Regards,
El

Dear Elpass

You can disable the left column in mobilel by add the css below at the end of this file: waralabakan.com/templates/sj_lifemag/css/responsive.css

@media (max-width: 767px){

#content_left{
display:none;
}

}

thanks

anhqn wrote:


Hello anhqn,
Thanks for your reply its very helpful, pardon me for my late reply.

Anyway I have found another way to hide leftside/banner at mobile device, I add some shortcode in Module Class Suffix at module section, in this case I add a short command "hidden-xs" which is means the module is going hidden in xtra-small screen (mobile).
we can look at this:



I hope this also can help ppl out there with similar questions.

Dear Elpass

yes, thanks for your solution. it is apply for the each module.

thanks