[Resolved] sticky left side bar combined with breadcrumbs?

Home Forums Support sticky left side bar combined with breadcrumbs?

Viewing 15 posts - 1 through 15 (of 27 total)
  • Author
    Posts
  • #1425038
    Walter

    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

    #1425322
    Leo
    Staff
    Customer Support

    Hi there,

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

    Am I missing something?

    #1425383
    Walter

    Hi Leo,

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

    Cheers.

    #1425431
    Leo
    Staff
    Customer Support
    #1425460
    Walter

    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.

    #1425479
    Leo
    Staff
    Customer Support

    How are you adding the breadcrumbs currently?

    Using a hook?

    #1425494
    Walter

    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.

    #1425763
    Leo
    Staff
    Customer Support

    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/

    #1428016
    Walter

    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

    #1428022
    Leo
    Staff
    Customer Support

    Are you adding this

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

    If so can you try removing that?

    #1428034
    Walter

    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 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

    #1428184
    Leo
    Staff
    Customer Support

    Can you try the after_header hook?

    #1428210
    Walter

    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.

    #1428215
    Leo
    Staff
    Customer Support

    That plugin should still be good 🙂

    #1428231
    Walter

    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 …

Viewing 15 posts - 1 through 15 (of 27 total)
  • You must be logged in to reply to this topic.