Posted February 18, 201510 yr I have enabled sidebar at left but on mobile the widget "latest topics" "stats" etc at top. How i can move to bottom?
February 20, 201510 yr If i remember correctly you have to have the sidebar set to "right" to have it appear on the bottom.I have already raised my concerns over the lack of control over the desktop and mobile views. Didn't really get the feeling it was going to be changed though.You are forced to compromise the desktop view to work on the mobile, or vice versa.
February 20, 201510 yr Author But i want to keep it at left. Si je choisi at right, on desktop also it will be at right I prefere at left on desktop...
February 20, 201510 yr @Heyhoe - Please test your site http://developers.google.com/speed/pagespeed/insights/and write you see Left Sidebar in mobile test.Thanks
February 20, 201510 yr The left sidebar becomes centralized on mobile view. (at the top of the page)Left = TopContent = MiddleRight = Bottom.This is the way that IPS have set the responsive design to work.I would like some control over which blocks show on mobile though as trying to achieve a desktop appearance that works on mobile is difficult.
February 20, 201510 yr In beta 5a sure that worked. I noticed in the beta 8 that does not work and I report - http://community.invisionpower.com/4bugtrack/beta-8-show-sidebar-on-mobile-r2578/
February 26, 201510 yr Author Any solution?How make sidebar at left on desktop and at bottom on mobile? I can't activate my sidebar on mobile, because i don't want see "Latest topics" and other widgets at top. and i want to keep sidebar at left.Maybe there must be a setting in the next release for that...?
February 26, 201510 yr @Feneroin I spent a couple hours and came up with this hack for youGo to AdminCP > Customization > Themes > edit theme you want > Templates > core / global / globalTemplatereplace{template="sidebar" if="theme.sidebar_position == 'left'" app="core" group="global" params="'left'"}with{template="sidebar" app="core" group="global" params="'left'"}replace {template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"}with{template="sidebar" app="core" group="global" params="'right'"}On the css tab open the custom.css file and add (note: you need the !important for some reason not sure why)/* DESKTOP */ @media screen and (min-width: 1200px) { .ipsLayout_sidebarright { display: none !important; } .ipsLayout_sidebarleft { display: table-cell !important; } } /* TABLETS */ @media screen and (max-width: 979px) { .ipsLayout_sidebarright { display: block !important; } .ipsLayout_sidebarleft { display: none !important; } } /* PHONES */ @media screen and (max-width: 767px) { .ipsLayout_sidebarright { display: block !important; } .ipsLayout_sidebarleft { display: none !important; } }
February 26, 201510 yr To be honest I have no idea I'm not sure how IPS handles modified templates on update that will be something the devs will most likely need to answer.
Archived
This topic is now archived and is closed to further replies.