Joomla Templates Club 406,261 posts

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#208267

Hello,

I would like to show “sidebar” position in the mobile view. Right now, it is disabled/hidden by default and only visible on the desktop. I tried making it visible in template manager in the backend, but it is already visible and set to auto.

Please tell me how to make it visible for mobile devices.

[turtlesoup Friend turtlesoupJoin date: March 2008Posts: 53Downloads:97Uploads:3 Thanks: 12 Thanked: 14 times in 1 posts]

#576435

To make the template responsive, the sidebar div is hidden on mobile devices. What I did was to make the off-canvas menu behave like the sidebar instead.

I batched copied the sidebar modules then assigned off-canvas position.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#576480

Hi @lovedigit, @turtlesoup :

You can open file /templates/ja_teline_v/css/custom.css (if you don’t have this file, just create a new one) then add this code :

@media screen and (max-width: 992px) {
#t3-mainbody .t3-sidebar {
display: block;
}
}

2 users say Thank You to Adam M for this useful post

1. turtlesoup
2. tenaki

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#576584

thanks Adam it works 🙂

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#642897

thanks Adam it works 🙂

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#741554

thanks Adam it works 🙂

[Author]

Posts