Text element in the backend is not identical to the frontend

  • Erwin
    September 26, 2025 at 7:15 am

    Hi

    1. Within the mega menu (services), the text element in the backend is not identical to the frontend. Unfortunately, I can adjust the font weight within the container, but this has no effect on the font in the frontend. The title and text within the link always remain in the same font weight.

    2. When the page is freshly loaded on a mobile device, the menu icon always shows a cross next to it. After selecting the menu, it is displayed correctly, but when the Mega Menu is called up, it appears with a margin on the left side, which makes half of the menu illegible. (Screenshot)

    3. And, when the page is loaded on a tablet, the mega menu is displayed first instead of the home page. Unfortunately, I have no idea how this happens. Can you help me?

    Regards
    Erwin

  • Ying
    September 26, 2025 at 9:13 am

    Hi there,

    1. The title and the text are in different font weight. The title has 700 font weight, while the text has 600 font weight, which is inherited from the menu container, can you remove the font-weight 600 from the menu container?

    2. Can you disable your cache plugin to test?

    3. Same as #2, can you disable your cache plugin?

    Let me know how it goes!

  • Erwin
    September 27, 2025 at 12:21 am

    Hi,

    1. Thanks for the tip, I hadn’t noticed the impact of the element with the menu.

    2. The site is loading as it should on the tablet again.

    2.1. But the mobile menu on smartphones is still loading with a margin on the left side, just as shown in the screenshot.

    3.0 The site works without LiteSpeed Cache and without Perfmatters.

    What can I do about point 2.1? (Display Alignment)?

    Regards,
    Erwin

  • Chaz
    September 27, 2025 at 6:02 am

    Hi Erwin,

    I checked your site and noticed that the class .gb-menu-item-mi23533c has display: flex;applied. That’s what’s causing the mobile menu alignment issue you’re seeing. If you remove that rule, the spacing should correct itself as shown in the screenshot.

    You can remove it from Customizer → Additional CSS and then clear your browser cache to confirm the change.

  • Erwin
    September 27, 2025 at 7:54 am

    Perfect, thank you very much.

    Regards
    Erwin

  • Chaz
    September 29, 2025 at 11:05 pm

    You’re very welcome — glad that sorted it out. Let us know if you need help with anything else.

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