Return to previous page

How to extend the HTML Block in the header top

This topic has 2 replies, 2 voices, and was last updated 4 years, 10 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!

    #242648 Copied Theme version: 6.3.5 WooCommerce version: 4.2.0
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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

    #242740 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme

See All Templates

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