sticky message within woocommerce pages

[alemarengo]

Hi guys.
In a few days sales are going to begin.
I have to add a sticky message to my Dante-based ecommerce.
Please, see attached screenshot: I tried to add a fill-width with alt-bg shortcode adding the following code to functions.php:

function test_before_shop_loop() {
	echo do_shortcode('[fullwidth_text alt_background="alt-three" width="1/1" el_position="first last"]test before_shop_loop[/fullwidth_text]');
}
add_action( 'woocommerce_before_shop_loop', 'test_before_shop_loop', 11 );

The thing is that the result overrides template’s limits.
Is there a right way to manage it? I hope so… 🙂

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please try to use this code :-

function test_before_shop_loop() {
    echo do_shortcode('[fullwidth_text alt_background="alt-three" width="1/1" el_position="first last"]test before_shop_loop[/fullwidth_text]');
}
add_action( 'woocommerce_before_main_content', 'test_before_shop_loop', 11 );

Thanks
Mohammad

[alemarengo]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please try full width block inside a 3/4 element. Hope that should work.
Thanks
Mohammad

[alemarengo]

Nope!
Please, see attached screenshot.
Result’s the same.
I think it’s possible to manage it… would you please help me in that?

Attachments:

You must be logged in to view attached files.

[alemarengo]

Mohammad,
I found the problem in this case is the css declaration for .alt-bg which is
margin-left: -210px!important; and which brings full width block to the left.
Once getting rid of it, as well as some other margin declaration, I managed to fix this.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I am glad that you managed to resolve the issue.
Thanks
Mohammad