Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Broken elements when logged in and logged out

  • WebGeek
    October 31, 2024 at 3:28 pm

    Hi there,
    I’m building a site where I created two top bars as elements above the header. One version is for users who are logged in, the other for everyone else (logged out).

    I’m having a very strange CSS related issue where one some pages, the bar appears correctly and on others it “breaks”.

    It seems to me like some kind of caching but all caching, both server side and site is disabled and I’m clearing.

    I’ve included some details in Private Information. Hoping you might be able to help me identify the issue.

    Thanks in advance.

  • Alvind
    October 31, 2024 at 6:13 pm

    Hi there,

    Try editing the top bar element, duplicate the container, and delete the original one. That will regenerate the unique class ID that potentially clashes with another element, causing the layout to break.

    Then, go to GenerateBlocks > Settings and click “Regenerate CSS Files.”

    If that doesn’t fix it, could you provide a temporary admin login so we can take a closer look?

  • AngieWeikmann
    November 12, 2024 at 1:25 am

    Hello! I have practically the same issue. An additional menu bar created with elements, should only be visible when users are logged in. On the pages that are the members area, the members’ menu bar looks good and the css is correct. On the main pages (that are also public), the members’ menu bar breaks and I can see, that the css for it isn’t there.

    What I already did to debug, without any success:

    • switched from the child theme to the parent theme
    • deactivated caching plugin
    • deactivated all other plugins
    • also the tip in Alvind’s answer above (duplicating the block and deleting the original one & regenerating CSS Files) didn’t help…

    e.g these css lines are missing on the public pages:

    .gb-container-eab22ff4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-top: 15px;
    padding-right: 155px;
    padding-bottom: 15px;
    background-color: var(–lila);
    }

    Thank you for looking into this!
    Angie.

  • David
    November 12, 2024 at 4:18 am

    Hi there,

    can you raise a new topic so we can focus specifically on your requirements

  • WebGeek
    November 20, 2024 at 4:16 pm

    Sorry for the delay coming back.

    I followed your instructions above for both elements. After Regenerating the CSS, the issue persists. I then changed to CSS Print method to Inline embedding and the issue is resolved with that setting.

    I’m not really sure what the implications are for using that method?

    I’ve added a login URL to the Private Information if you want to login and take a look.

    Thanks in advance.

  • Ying
    November 20, 2024 at 4:33 pm

    I then changed to CSS Print method to Inline embedding and the issue is resolved with that setting.

    Usually, unstyled content is caused by cache.

    For more info: https://docs.generateblocks.com/article/unstyled-content/

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