[Resolved] Social Icon menu issue with GB

Home Forums Support [Resolved] Social Icon menu issue with GB

Home Forums Support Social Icon menu issue with GB

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1999121
    Halil

    Hi,
    I have created social icons menu with GB buttons in a page. And then I copied its html code to a header via block widget.

    Color, spacing, etc are not respected in the header but they look fine in the page.

    What should I do ?

    #1999196
    Ying
    Staff
    Customer Support

    Hi Halil,

    It doesn’t work that way, GB won’t generate CSS for those HTML.

    You can try using a block element instead:

    1. Select thebuttons block in the page, click on the 3 dots of the tool bar, click copy:
    https://www.screencast.com/t/QfojOxwxnUi

    2. Go to appearance > elements, create a new block element, paste it to the content filed.

    3. SetEntire site as location, select hookas element type, choose after_header_content as hook name:
    https://www.screencast.com/t/ycBw7euLTqs

    Then it should keep the same style as the page.

    Let me know if this helps 🙂

    #1999218
    Halil

    almost done Ying!
    Icons now respect settings but the icon block shows just next to logo, I want it right aligned in the header.

    I tried different settings like “after logo” etc but didnt work. Also right aligned buttons in button block.

    What am I missing?

    #1999239
    Ying
    Staff
    Customer Support

    Can you try add this CSS:

    .inside-header.grid-container {
        justify-content: space-between;
    }

    And it seems there’s an empty paragraph block under the buttonsblock in the element, try delete that block.

    #1999249
    Halil

    best support ever! thanks a lot Ying!

    #1999258
    Ying
    Staff
    Customer Support

    Great! You are very welcome Halil 🙂

    #2001256
    Halil

    Sorry for opening up the same thing,
    I checked dont show on mobile option while creating the buttons, so it doesnt appear on mobile menu.

    however on tablet size, social icon buttons look vertical, instead of horizantal.

    Do I need to check some options in button container or css code is needed?

    If it requires css, could you pls help me with that?

    #2001260
    Halil

    nevermind, I found the options in block editor. Thanks.

    #2001917
    Ying
    Staff
    Customer Support

    Glad you figured it out 🙂

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