I have enabled sidebar at left but

[Feneroin]

I have enabled sidebar at left but on mobile the widget "latest topics" "stats" etc at top. How i can move to bottom?

[Feneroin]

Any?

[Heyhoe]

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.

[Feneroin]

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...

[~sullengirl~]

How did you enable sidebar?   Can't find that setting 

[Heyhoe]

Go to Themes > Edit (Pencil)

[Adlago]

@Heyhoe - Please test your site http://developers.google.com/speed/pagespeed/insights/

and write you see Left Sidebar in mobile test.

Thanks

[Heyhoe]

The left sidebar becomes centralized on mobile view. (at the top of the page)

Left = Top

Content = Middle

Right = 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.

 

[Adlago]

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/

 

[Feneroin]

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...?

[Skipy7]

@Feneroin I spent a couple hours and came up with this hack for you

Go to AdminCP > Customization > Themes > edit theme you want > Templates > core / global / globalTemplate

replace

{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;
    }
}

 

[Adlago]

CSS - OK. After updating the version - what happens to the template?

 

[Skipy7]

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.