Column Layout
This is one of many demos of our Simple Sitemap Pro WordPress plugin. Click here to see more examples.
You can layout sitemaps side-by-side rather than in one long list by using simple styles. If you have more than two sitemaps (e.g. three columns) then you can add wrapping (
flex-wrap:wrap;
) to make your sitemap responsive!
Example:<div class="simple-sitemap-wrapper">[simple-sitemap types="page"][simple-sitemap types="post"]</div>
Then add this CSS:.simple-sitemap-wrapper { display:flex;justify-content:space-around; }
@media only screen and (max-width: 600px) { .simple-sitemap-wrapper { flex-direction: column; } }
Pages
- (TEST without media video embed) FAQ Style 3 (Template 1)
- 2-Column Sidebar Left
- 2-Column Sidebar Right
- 3-Column Content Center
- 3-Column Sidebars Left
- 3-Column Sidebars Right
- About Us
- Accordion Style FAQ Layout
- Another Contact Us Form
- Blog
- Box Style FAQ Layout
- Built-In Shortcodes
- Contact Us Form
- Content Slider
- Content Stretching - Background
- Content Stretching - Content
- Content Stretching - Default
- Customize Your Site With Ease!
- Embed Tweets
- Flexible FAQs Demo
- Frequently Asked Questions
- Full Width
- Google Maps!
- Header Template #0
- Header Template #1
- Header Template #1a
- Header Template #2
- Header Template #3
- Header Template #4
- Header Template #5
- Home
- Image Gallery
- Meet The Team 1
- Meet The Team 2
- Portfolio (large images)
- Portfolio (medium images)
- Portfolio (small images)
- Simple Sitemap Demo
- Advanced Tabbed Sitemap
- Basic Tabbed Sitemap
- Column Layout
- Format Individual Sitemap Items
- Horizontal Sitemap
- List Categories (Taxonomy Terms)
- List Child Pages
- List Posts by Category
- List Posts by Taxonomy
- List WooCommerce Categories
- List WooCommerce Products
- Nav Menu Sitemap
- Nofollow Sitemap Links
- Sitemap with CPT Excerpts
- Sitemap with Excerpt
- Standard Sitemap Demo
- Single Video
- Sitemap
- SVG Flags Demo
- Tabular Demo
- Testimonials Grid Attribute
- Text Based FAQ Layout
- Video Central
- Widgetized Page
Posts
- Welcome to the Flexr Blog!
- (no title)
- Another Featured Image Example
- Edge Case: Many Categories
- Edge Case: Many Tags
- Featured Image Example
- Markup: HTML Tags and Formatting
- Markup: Text Alignment
- Media: Twitter Embeds
- Post With Comments
- Scheduled
- Standard Post
- Template: Excerpt Defined
- Template: More Tag
- Template: Paginated