Jump to content

I have enabled sidebar at left but

Featured Replies

Posted

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

  • Author

Any?

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.

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

How did you enable sidebar? :D  Can't find that setting >_<

Go to Themes > Edit (Pencil)

enablesidebarmobile.thumb.png.04821d142a

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.

 

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

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

 

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

 

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.

Recently Browsing 0

  • No registered users viewing this page.