You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.
We have so many categories, that I'm displaying our categories in the sidebar. On smaller media, the sidebar collapses and displays underneath the main content. How would I go about modifying the skin to get it to display above the main content? I tried simply moving the <div> for the sidebar so it loads before the <div> for the main content, but that didn't change anything! Moving outside main_inner makes it no longer display as a sidebar.
Offline
I also need the categories widget to display "inline" when the sidebar is displayed, but to move to another option when the sidebar 'collapses'. I can't seem to find any display option that will keep the categories listed one-per-line on the sidebar, but then displays them horizontally when 'collapsed'
(by 'collapsed', I mean moved above/below the main content)
Offline
Do you have a URL you can provide that we can look at to help you out? I can tell you the divs and classes used in the default Flex skin.php file that control how the content flips (which order) are:
<div id="kskin_maincontent" class="kgridbox kgridxcol75 kflex1thin kflex1mid kflex2wide"> ... <div id="kskin_col2" class="kgridbox kgridxcol25 kgridwidethin kflex2thin kflex2mid kflex1wide">
Changing those to:
<div id="kskin_maincontent" class="kgridbox kgridxcol75 kflex2thin kflex2mid kflex2wide"> ... <div id="kskin_col2" class="kgridbox kgridxcol25 kgridwidethin kflex1thin kflex1mid kflex1wide">
Will get the sidebar at the top in mid (tablet) and thin (mobile) views.
Offline
That makes sense! I figured it had to be something simple. I'm unfamiliar with the class naming. I'll give that a try later on!
gardenofone.com/store
Offline
(I looked through the KryptronicV9-ResponsiveThemeSpec document but hadn't seen anything about the section display order.) Does that numbering system apply to only the main content and sidebars? ..and does it go any higher than 2? Thank you!
Offline
Nevermind on the numbering / ordering. I saw the setup in the other all.min.css. For anybody looking at this who has the same question..
@media all and (max-width: 599px) {
.kflex1thin {order: 1;}
.kflex2thin {order: 2;}
.kflex3thin {order: 3;}
.kflex4thin {order: 4;}
}
@media all and (min-width: 600px) and (max-width: 959px) {
.kflex {flex-direction: row;}
.kflex1mid {order: 1;}
.kflex2mid {order: 2;}
.kflex3mid {order: 3;}
.kflex4mid {order: 4;}
}
@media all and (min-width: 960px) {
.kflex {flex-direction: row;}
.kflex1wide {order: 1;}
.kflex2wide {order: 2;}
.kflex3wide {order: 3;}
.kflex4wide {order: 4;}
}
Offline