dukearmi

Hi and thank you for the quick reply,

it’s https://www.aviamonde.com/

I wonder if I can also make the navigation menu transparent and display the background image.

Thank you. This helped. I managed to put the title and meta above the sidebars with this code:

add_action( 'wp', function() {
    if ( is_single() ) {
        add_filter( 'generate_show_title', '__return_false' );
    }
} );
add_action( 'generate_after_header', function() {
	if ( is_single () ) {
    the_title( '<h1 class="entry-title" itemprop="headline">', '</h1>' );
	}
} );

add_action( 'generate_after_header', function() {
    if ( is_single() ) {
        remove_action( 'generate_after_entry_title', 'generate_post_meta' );
 		add_action( 'generate_after_header', 'generate_post_meta', 15 );
	}
} );

Thank you! I’m not using a child theme and using a plugin for code snippets. Is there a single line of code that can remove the default post meta? Maybe something along the lines of “add_filter( ‘generate_show_title’, ‘__return_false’ );” but for the meta or remove_action()” ?

I don’t have GP premium. I’m looking for a simple php code to put the title an meta above the sidebars, I’ve seen something similar on the forums.

I managed to achieve the desired effect, but I can’t get rid of the original post meta. I’m using this code:

add_action( 'wp', function() {
    if ( is_page() || is_single() ) {
        add_filter( 'generate_show_title', '__return_false' );
    }
} );

add_action( 'generate_after_header', function() {
    if ( is_page() || is_single() ) :
        ?>
        <div class="header-entry-title grid-container grid-parent">
            <?php
            the_title( '<h1 class="entry-title">', '</h1>' );
            generate_post_meta(); // Add original post meta
            ?>
        </div>
        <?php
    endif;
} );

Could you help with it?

Hey,

I mean above the TOC. So it’s just under the navigation/header. Similar to this layout (https://docs.generatepress.com/wp-content/uploads/2019/05/Pagehero-fullwidth.png)

Thank you, I appreciate your support and hopefully this will be resolved soon.

Hello,

I followed your troubleshooting guide. The issue persists with all plugins deactivated except Rank Math. I’ve tried multiple other themes and the issue also persisted, although I couldn’t reproduce it on the default themes because I could have full width posts in WP block editor.

If it’s any help, the CSS that’s causing the issue is the translateX (-142) found here:

element.style {
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translateX(-142px
px
) translateY(472px) translateZ(0px);
}

Once you set it -142 to 0, the issue resolves.

Screenshot: https://postimg.cc/Fdrxttph

Thank you. I appreciate your help ??

I think I figured it out with ChatGPT. It’s doing what it’s supposed to do but maybe you could take a look and see if anything needs adjusting?

:root {
    --sb-width: 320px;
}

@media (max-width: 1023px) {
    .both-sidebars .site-content .sidebar {
        display: none;
    }
    .both-sidebars .site-content .content-area {
        width: 100%;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .both-sidebars .is-right-sidebar {
        display: none;
    }
    .both-sidebars .site-content .content-area {
        width: calc(100% - var(--sb-width));
    }
    .both-sidebars .site-content .sidebar {
        width: var(--sb-width);
    }
    
    .inside-left-sidebar,
    .inside-right-sidebar {
        padding-inline: 10px;
        height: 100%;
    }
}

@media (min-width: 1201px) {
    .both-sidebars .site-content .content-area {
        width: calc(100% - (var(--sb-width) * 2));
    }
    .both-sidebars .site-content .sidebar {
        width: var(--sb-width);
    }
    
    .inside-left-sidebar,
    .inside-right-sidebar {
        padding-inline: 10px;
        height: 100%;
    }
}

Almost perfect. Now I just need to remove the right sidebar on widths between 1024px and 1200px.

Thank you. I’d actually like the sidebars to disappear on sceens smaller than 1024px wide.

Thank you! It works great, but the content area becomes too narrow on tablet and mobile.

Screenshot: https://postimg.cc/xkqZXLBy

I’d like to hide the right sidebar and show the left one only.

Hi David,

Thank you for the quick response!

I’d like to explore both options if it’s not too much trouble. Both seem wonderful!

Here’s a screeshot:?https://ibb.co/hBg2kgp