[Resolved] sticky left side bar combined with breadcrumbs?

[Walter Schwarz]

Hi David,

in an other thread the following css was proposed to create a sticky side bar left side:

.site-content {
display: flex;
}
.site-content > div {
left: unset !important;
}

#left-sidebar {
order: -1;
}

#left-sidebar .inside-left-sidebar {
position: -webkit-sticky;
position: sticky;
top: 80px;
}

Works fine – but not in combination with my breadcrumbs code. Could you please check and send a modified css configuration?

https://www.drwjs.com

URL should work and not create a “502 bad gateway”. I tested it on several notebooks and smartphones.

Thank you,
Walter

[Leo]

Hi there,

I just view and the but not seeing any issues?
https://www.screencast.com/t/2rTod8aTqnK

Am I missing something?

[Walter Schwarz]

Hi Leo,

sorry – I forgot to save the css with the sticky code. Now it is stored as intended.

Cheers.

[Leo]

Glad to hear 🙂

[Walter Schwarz]

Hi,

I guess it’s a misunderstanding. Saving the css code did not solve the problem, but allows to show you the problem I have (breadcrumbs do not work as they should using the sticky code).

Applying the sticky code squeezes the breadcrumbs between left widget column and the middle content column.

The breadcrumbs should again start above the left widget column and disappear by scrolling down or they should also be sticky …

Cheers.

[Leo]

How are you adding the breadcrumbs currently?

Using a hook?

[Walter Schwarz]

I use YOAST Premium and modifications I have made long time ago in the page.php (?):

<?php
/**
* Template Name: drwjs | breadcrumbs » copyright
* Author: drwjs
*/

if ( ! defined( ‘ABSPATH’ ) ) {
exit; // Exit if accessed directly.
}

get_header(); ?>

<!– drwjs | Breadcrumbs –>
<?php if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb(‘<p id=”breadcrumbs”>’,'</p>’); /* Original: id */
} ?>
<!– drwjs | Breadcrumbs ENDE –>

>
<main id=”main” <?php generate_main_class(); ?>>
<?php
/**
* generate_before_main_content hook.
*
* @since 0.1
*/
do_action( ‘generate_before_main_content’ );

…..

Cheers.

[Leo]

No need to modify the template to insert breadcrumbs.

Can you try a hook solution as recommended here?
https://docs.generatepress.com/article/adding-breadcrumbs/

[Walter Schwarz]

Hi,

I tried a lot, but did not succeed. I always have the effect, that the breadcrumbs “create” a new column between the left widget and the middle main content.

I will leave the wrong coding for a while to demonstrate:

https://www.drwjs.com/

I used:

– [ w p s e o _ b r e a d c r u m b ] —-> originally without the blanks inserted.
– generate_before_entry_title
– shortcodes activated
– PHP kann nicht ausgeführt werden, da DISALLOW_FILE_EDIT definiert ist.
– page | all pages

What is wrong or missing?

Cheers.
Walter

[Leo]

Are you adding this

for the breadcrumb?
<div class="grid-container grid-parent"></div>

If so can you try removing that?

[Walter Schwarz]

If you mean in the child-css: no.
Where else could it be?
Trying to use the php-code failed; I inserted as describes the shortcode [wpseo_breadcrumb] in the new element edit area. [ w p s e o _ b r e a d c r u m b ] —-> originally without the blanks inserted.
Could be that I totally are disoriented …
Maybe you could present screenshots of what exactly must be written and selected where.
Cheers

[Leo]

Can you try the after_header hook?

[Walter Schwarz]

I tried – but does not work.

I already tried shortcode, php-insertion, function.php with and without breadcrumbs-function and different hook-insertions …

The best would be if the plugin “Sticky Menu (or Anything!) on Scroll” could manage at least 2 widgets as announced years ago. Is there any other plugin to be recommended?

Thank you for your engagement.

Cheers.

[Leo]

That plugin should still be good 🙂

[Walter Schwarz]

I know – but it can handle just one widget. I need to have left and right side widgets to be sticky at the same time …

[Author]

Posts