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 (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

How to disable hide-on-mobile for menu elements

  • Hello there,
    I have checked the forum and documentation, but I did not find any solution for my issue. I am using a pre-built element from a demo site (social buttons with extra button), which is connected via hook to the primary menu.
    This block element should be visible on all devices. But in source code I can see, that there is a CSS class “hide-on-mobile”, which is preventing this element from showing up on mobile devices.
    It seems to be a preset that I cannot change. Block settings do not allow any further visibilty settings and the CSS class is not set in advanced settings. So I cannot delete it from the element.

    Please help!

  • Hi there,

    edit the element, and select the top Container Block.
    In Advanced > Additional CSS Classes, delete the hide-on-mobile class

  • Great, thanks!
    I didn’t recognize, that there were 2 top containers. Thanks for your help!

    Best wishes

  • You’re welcome

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