How to extend the HTML Block in the header top

This topic has 2 replies, 2 voices, and was last updated 4 years, 5 months ago ago by Olga Barlow

  • Avatar: Rodrigo
    Rodrigo Carlos
    Participant
    June 29, 2020 at 23:14

    Hello people,

    In the header top, in the html block, I can’t find an option to make the html block wider. https://prnt.sc/t8qu5n

    I would like to insert, in front of the phone number, a button where there will be a link to WhatsApp. https://prnt.sc/t8qfyi

    I created a template in Static Blocks, with the phone number and WhatsApp button, but when I selected this Static Block in Header Top, the content was squeezed. https://prnt.sc/t8r6ot

    How do I do this?

    And how do I insert more columns in this Header Top line?

    Thank you!

    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 30, 2020 at 20:52

    Hello,

    Increase width of the connection block https://gyazo.com/5112080f9a99efec33db3a2db7bad254
    All the headers include 12 columns layout. You can’t increase a total number of columns. You can just add content to these columns and change elements width. Also, you can use Connection block to display a number of elements inside this block one next to another within some columns.
    Watch video tutorial how to work with the header builder https://www.youtube.com/playlist?list=PLMqMSqDgPNmDu3kYqh-SAsfUqutW3ohlG

    Regards

  • 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.