[Support request] possible layout?

Hi there,

you would need to create a static page and use a plugin like WP Show Posts to add multiple lists to create that kind of layout.

Hi Tony,

You can check the card styling from our demo page here – https://demos.wpshowposts.com/cards/

The closest one (style-wise) is “Overlay” or “Overlay 1”. 🙂

1. Site name in off canvas – you can use the generate_inside_slideout_navigation hook to add your own title or image.
You can do this using a Block Element or a Hook Element

2. Shifting the hamburger requires hooking in your own custom Toggle using a Hook Element:

<?php
$icon = '';

if ( function_exists( 'generate_get_svg_icon') ) {
	$icon = generate_get_svg_icon( 'menu-bars' );
}
?>

<span class="slideout-toggle hide-on-mobile has-svg-icon"><a href="#"><?php echo $icon; ?> MENU</a></span>

Note the span has a hide-on-mobile class which will hide it on mobile if thats required.

The Hook you would use is the: generate_before_header_content
Make sure to check execute PHP.
Display Rules: Entire Site

Then a little CSS to hide the default toggle and position it ( may require tweaking ):

@media (min-width: 769px) {
    span.menu-bar-item.slideout-toggle {
    display: none;
    }
}
.main-navigation button.menu-toggle {
    display: none !important;
}
.inside-header > span.slideout-toggle.has-svg-icon {
    margin-right: 20px;
}

Once the basics are there we can look at the other adjustments

You’re welcome! Let us know