A few layout issue I have...

You're welcome :)

Hi Tom,

Two other questions :

1) I unchecked « Display padding around images » in the blog module but the featured image is not 100% on mobile.

See https://prnt.sc/n57mfi

I would like the image to be 100%.

2) I am a huge fan on Ajax Search Pro and I need to integrate it on my site.
I could put it in the sidebar, or I could use a header widget and put the shortcode there.

But it would take too much space, the best would be to be able tu run shortcode [wd_asp id=3] into the box that open when we cick on the magnifying glass.

Best regards,

1. Is the image wide enough to fill the entire width?

2. I'm not too sure what you mean? Any examples?

1) Yes, it is big enough and it does the same with every images. Here's a link : https://coupestanley.com/des-nouvelles-de-tim-bozon

2) Ajax Search is a plugin that allows a much more user-friendly search experience for user. It kind of skip a step in the process and has increase pageview per visit on my network of sites.

However, I can't seem to make it works inside the built-in GP-main-menu search.

Here's a screenshot of where I need it to be. (https://prnt.sc/n5i8av)

I would need to hook in that spacebar and put a shortcode in it, if that makes sense.

Regards,

1. Weird, try adding this:

@media (max-width: 768px) {
    .one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding div.featured-image {
        margin-right: -30px;
    }
}

2. You could try something like this:

add_filter( 'generate_navigation_search_output', function() {
    return sprintf( // WPCS: XSS ok, sanitization ok.
        '<form method="get" class="search-form navigation-search" action="%1$s">
            %2$s
        </form>',
        esc_url( home_url( '/' ) ),
        do_shortcode( '[your-shortcode-here' )
    );
} );

Not sure if that would work with the HTML that shortcode outputs, but worth a shot.

Hi Tom,

1) Nah... It doesn't work. I kinda have a big phone tho.

2) Geez you're really a master at that. It did work at first try but it was a bit of a hassle to customize the plugin to fit the theme and it's kind of an heavy weight plugin, so I coded a much much much much lighter version of it that does integrate perfectly with your nice theme.

Have a nice weekend,

Regards,

I just adjusted the CSS above - can you give it another shot?

Working. Thanks!

You're welcome :)

Hi Tom, me again, oops ;)

I am using the Header widget space to position an ad for my website but 970x90 ads are getting shrinked even though it has plenty of space.

See screenshot : https://prnt.sc/ncdyh9

How could I stretch out the zone so that I can use the space and also center it?

Also, is there a way to hook straight up into that widget space in php (without using widget?)

Kindest regards,

Hi there,

Try this:

.header-widget {
    max-width: none;
}

You can hook into that area using the generate_before_header_content or generate_after_header_content hooks.

Let me know if you need more info :)

Hi Tom, it works for enlarging the zone.

However, generate_before_header_content if too early and generate_after_header_content is too late.

I would need a generate_rightthere_header_content?

If that makes sense.

Where exactly are you trying to add it?

At the same place of the widget, not before or after.

Thanks

The widget area would be added to generate_before_header_content. Anything added to that hook will appear immediately before the opening header widget element.

It's not possible/needed to hook into the header widget element, as that's where the widgets themselves are added.