Formatting contact details in mobile menu

  • Resolved burgerino

    (@burgerino)


    1 year, 9 months ago

    Hi! I would like to ask for you help when formatting contacts details in the mobile menu. Currently, contacts details do not fit in the menu so that there is a line break. Could you tell me how I can have the information to fit in one line across any mobile devices?

    https://pasteboard.co/k0dViA6IMPDF.jpg

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @burgerino,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
  
    .bhfb-component-contact_info .header-contact-inline {
      display: block !important;
    }

    .bhfb.bhfb-header .bhfb-component-contact_info .header-contact.header-contact-inline a + a, 
    .bhfb-mobile_offcanvas .bhfb-component-contact_info .header-contact.header-contact-inline a + a {
      margin-left: 0;
    }
    
}
    Thread Starter burgerino

    (@burgerino)

    Thank you for the prompt response. It worked

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Formatting contact details in mobile menu’ is closed to new replies.