• Hi!

    Wondering if there’s a way to sort categories as ABC columns across (instead of down the page vertically) + have them align equally across too?

    I’ve read through many of the other Forum posts here prior to posting my question + have included someone else’s fix: manual=”A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,0,1,2,3,4,5,6,7,8,9″. This seems to work well to sort it in the Horizontal ABC order… but, the alignment is now off. Ex. I want “D” to be underneath “A”, “E” under “B”, “F” be under “C”, etc. with the all the horizontal sections evenly spaced apart in height.

    Here’s the code I’m using:

    [mctagmap columns=”3″ num_show=”99″ show_empty=”yes” name_divider=”|” width=”240″ equal=”yes” manual=”A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,#” basic =”no” basic_heading=”no”equal =”yes” show_categories=”yes” group_numbers=”yes” child_of=”194″ from_category=”194″ manual=”a,d,g,j,m,p,s,v,y,#”]

    Please help! Thanks! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter TheGG

    (@thegg)

    Plugin Author tugbucket

    (@tugbucket)

    First off, you have typos in your shortcode. Also, there’s no reason to be defining options if the value is the default value, it just gets a little messy that way.

    I think what you want is:

    
    [mctagmap css3="yes" show_empty="yes" show_categories="yes" group_numbers="yes" child_of="194" from_category="194"]

    Notice the css3="yes" that is what’s going to make what you want possible. The option description:

    css3: If set to “yes” this will remove the divs that split the columns. Note that this will affect many of the settings above. You will need to know some CSS to get the most out of this ** if your site is responsive, you should really look into this option **

    Keep in mind that this plugin is old. The way it splits columns is older than CSS columns and flex.

    If you go to Settings => MC Tag Map or follow the instruction:

    If you wish to make CSS changes, make a folder named “multi-column-tag-map” in your theme’s directory. Move a copy of the plugin’s “mctagmap.css” into that folder. There you can make style changes that will not be overwritten when you update the mctagmap plugin.

    You can start by adding the below CSS:

    #mcTagMap .holdinner {
            display: flex; 
            flex-wrap: wrap;
    }
    #mcTagMap .tagindex, #sc_mcTagMap .tagindex { 
            flex: 3 33%;
    }
    @media (max-width: 768px) {
           #mcTagMap .tagindex, #sc_mcTagMap .tagindex { 
                   flex: 2 50%;
           }
    }
    @media (max-width: 500px) {
           #mcTagMap .tagindex, #sc_mcTagMap .tagindex { 
                   flex: 1 100%;
           }
    }

    The break points I just made up. I don’t know what your site will need specifically but it’s a start. Note: CSS Flex won’t work on IE 9 or less if that’s an issue for you.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘ABC Horizontal Sort with Equally Aligned Sections?’ is closed to new replies.