Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 17, 2022 at 3:03 pm #1361960
    deborahkilian

    Hi!
    1. We have already created a CSS for a sticky content menu – it worked out, but now the line-breaks do not work anymore. – the content reaches into the main content space.
    We are no programmers ;-) – we used the following CSS:

    .sidebar.sidebar_left.sidebar_align_left
    {
    position: fixed;
    width: 100% !important;
    }

    2. We used a Plugin to fix the line-breaks – https://wpadvancedads.com/fixed-widget-wordpress/ – with this Plugin the “stickyness” didn’t work anymore. What we need would be a sticky content menu with line-breaks.

    3. Your documentation shows bullet points within the table of content: https://kriesi.at/documentation/enfold/install-wordpress-on-localhost/ – this would be perfect for us as well :-) Is this a setting or a CSS?

    4. Furthermore we’d like to have a sticky breadcrumb plus submenus on top of the page – when we do not use the submenu, the breadcrumb remains sticky, but if we use submenus they stay sticky but the breadcrumb disappears when scrolling down.

    We would need – top-down:
    1. Breadcrumb sticky
    2. One or two Submenus sticky

    Thx a lot in advance!
    Deborah

    August 18, 2022 at 4:17 am #1362023
    Ismael

    Hey deborahkilian,

    Thank you for the inquiry.

    1-2.) We cannot find any page in the site with a left sidebar. Would you mind providing a direct link to the page?

    3.) The table of content in the documentation is manually created using a text widget. This is an example of the html.

    
<div id="content-list">
<h4 class="content-list-title">Contents</h4>
<a href="#overview" class="list-h2">Overview</a><a href="#what-is-a-localhost" class="list-h3">What is a localhost?</a><a href="#how-to-install-a-localhost-server" class="list-h3">How to install a localhost server?</a><a href="#how-to-install-a-wordpress-site-on-your-localhost" class="list-h3">How to install a WordPress site on your localhost?</a><a href="#how-to-access-your-website-frontend-on-localhost" class="list-h3">How to access your website frontend on localhost?</a><a href="#how-to-access-wordpress-admin-area" class="list-h3">How to access WordPress admin area?</a><a href="#how-to-access-phpmyadmin" class="list-h3">How to access phpMyadmin?</a></div>

    4.) This option for the breadcrumb is not available out of the box but you can set the header to stick on scroll. Or you can try and install a plugin such as the following.

    // https://wordpress.org/plugins/all-in-one-wp-sticky-anything/

    Best regards,
    Ismael

    August 18, 2022 at 12:04 pm #1362051
    Guenni007

    if it is ok that the sticky element only is sticky inside its parent container then you do not need any plugin on this.
    This direct parental element can be set to display: flex
    then you can set the side bar to position: sticky:

    f.e.: ( for sidebar_left change it )

    .responsive #top {
    overflow-x: visible;
}

#top #wrap_all {
    overflow: visible;
}

@media only screen and (min-width: 768px){  
    #top .sidebar_right .container {
	  display: flex;
	}

    #top .sidebar {
	    position: -webkit-sticky !important;
	    position: sticky !important;
	    top: 80px;   /*** depends on your header-height after scrolling ***/
	}
}

    see some examples – it is alway the same : parent to flex – sticky element direct child.
    https://webers-testseite.de/sticky-sidebar/
    https://webers-testseite.de/sticky-elements/

    and for better understanding: https://webers-testseite.de/layout-mimic/
    you see there that even the grid-cells can be handled this way.

    August 18, 2022 at 1:06 pm #1362057
    deborahkilian
    This reply has been marked as private.
    August 18, 2022 at 4:13 pm #1362077
    Guenni007

    example page : https://enfold.webers-webdesign.de/deborah/

    August 20, 2022 at 9:47 pm #1362304
    Mike

    Hi,
    Thanks for your help Guenni007

    Best regards,
    Mike

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