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.

Top Bar – Full Width but Hide on Mobile

  • Hi there.
    I’m rebuilding the layout that a client had built in Elementor and I want a 2 column layout in the ‘Top Bar’. The left column having their phone number and right column having a secondary menu.

    Firstly, I don’t want the top bar to appear on mobiles.

    Secondly, I want the 2 column layout to be full width (of the container width).

    I’ve created a 2 column Grid in Widgets > Top Bar
    Added the phone number in the left (paragraph), and the menu in the right.
    But they are scrunched up in the middle. Not full width of the container width.

    What am I missing (or doing completely wrong)?



  • Can I see your site?

  • Sorry I should have updated this as I did it through an element and added that above the header, instead of using widgets. I saw a post somewhere about not using widgets and to use an element instead.

  • Glad you figured it out 🙂

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