0
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum

We are here to serve :)

Our support team is currently online to solve your issues.

Our support team is currently offline

Our support heroes might not be around this hour. Please expect some delays.

Our support is available from

Monday - Friday 8am - 5:30pm GMT+7

Your time: 00:00:00
Our time: 00:00:00

Welcome, Guest

Hide The content_left or Move It Bellow The content_main When It Loads on Mobile Device
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Hide The content_left or Move It Bellow The content_main When It Loads on Mobile Device

Hide The content_left or Move It Bellow The content_main When It Loads on Mobile Device 2 years, 7 months ago #32923

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

Re: Hide The content_left or Move It Bellow The content_main When It Loads on Mobile Device 2 years, 7 months ago #32975

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
The following user(s) said Thank You: Elpass

Re: Hide The content_left or Move It Bellow The content_main When It Loads on Mobile Device 2 years, 7 months ago #33049

anhqn wrote:
Dear Elpass

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

@media (max-width: 767px){

#content_left{
display:none;
}

}

thanks


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:

https://lh4.googleusercontent.com/9TF_zjl0rLmjDzmvPqnCoFWFNNnGImwfxOT-Wyad-O-X1RTfxEMn5XIJzECUGdJtNS_FNKfVG5ynono=w1366-h676

it's google drive link for the pic, move the link on a new tab to view it


I hope this also can help ppl out there with similar questions.
Last Edit: 2 years, 7 months ago by Elpass.

Re: Hide The content_left or Move It Bellow The content_main When It Loads on Mobile Device 2 years, 6 months ago #33098

Dear Elpass

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

thanks
  • Page:
  • 1
Time to create page: 0.42 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Suggested Posts

(/)
Result not found!

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes