Kryptronic Software Support Forum

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.

#1 02-06-2020 15:53:13

garden1
Member
Registered: 02-06-2020
Posts: 61

Sidebar location

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

 

#2 02-06-2020 21:08:54

garden1
Member
Registered: 02-06-2020
Posts: 61

Re: Sidebar location

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

 

#3 02-07-2020 09:05:13

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19557
Website

Re: Sidebar location

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:

Code:

<div id="kskin_maincontent" class="kgridbox kgridxcol75 kflex1thin kflex1mid kflex2wide">
...
<div id="kskin_col2" class="kgridbox kgridxcol25 kgridwidethin kflex2thin kflex2mid kflex1wide">

Changing those to:

Code:

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


Nick Hendler

Offline

 

#4 02-07-2020 11:17:50

garden1
Member
Registered: 02-06-2020
Posts: 61

Re: Sidebar location

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

 

#5 02-07-2020 11:30:24

garden1
Member
Registered: 02-06-2020
Posts: 61

Re: Sidebar location

(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

 

#6 02-09-2020 18:00:36

garden1
Member
Registered: 02-06-2020
Posts: 61

Re: Sidebar location

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

 

Board footer