Create different header for mobile and desktop

This topic has 2 replies, 2 voices, and was last updated 39 minutes ago ago by Jack Richardson

  • Avatar: Safe Desires
    Safe Desires
    Participant
    May 28, 2026 at 00:47

    I notice that on mobile, the main header (menu) is loading. I want to reduce the amount of script being loaded. Is there a way to create a separate mobile, tablet, desktop header instead of just hiding elements based on display size?

    Content is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 28, 2026 at 11:09

    Hello @Safe Desires,

    The solution to hide or show specific sections on different devices is the most optimal approach. There is no functionality available to load certain elements only on desktop, as verifying the active device cannot be achieved through CSS or PHP.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.