Jump to content

I have enabled sidebar at left but


Feneroin

Recommended Posts

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.

Link to comment
Share on other sites

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.

 

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...