Move info bar and breadcrumbs

[megfenn]

Hi, is it possible to move the info bar and the breadcrumbs to the bottom of each page? So that they show under the content on each page instead of above the content on each page? Thank you.

[Weaver]

This is not really possible with any options or CSS. I could be done with some custom JavaScript, but that is beyond the scope of this support.

One might also be able to do it with a child theme, but that would require a fairly high level of PHP coding and re-writing of Weaver’s code.

[scrambler]

The way to do that properly would be to create a child theme and edit all the PHP templates.

But I believe there is a simper workaround using CSS.

In Main Options > Menus > Info bar > Info Bar Location, select “Above Content Area”

Then add the rules below in Advanced Options > HEad Section > Custom CSS Rule Box

#container_wrap {position:relative;padding-bottom:70px;}  /*sets the container as reference and create space at the bottom for the info bar*/
#infobar {position:absolute;bottom:0px;}     /*set the info bar to be positioned absolute so it can be moved over and at the bottom*/

[Weaver]

Every time I think there is no good CSS solution, @scrambler seems to find one :).

If you use this, be sure to check out what happens on Mobile display sizes. Leaving the 70px as space might not work if the Info Bar needs to wrap on smaller screens. You could possibly hide it for mobile devices if that is an issue.

[megfenn]

Thanks very much guys!!

[Author]

Posts