Home › Forums › WoodMart support forum › Line breaks in Text/HTML element for Mobile Header

Line breaks in Text/HTML element for Mobile Header

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 3, 2025 at 10:49 pm #627235

    shawnz28
    Participant

    I am adding text elements to the mobile header. I need to add line breaks to make the text as two rows in specific spots to display the address as well as email phone correctly. They will overflow to the second row but not where I want them to do so. When I edit the element the line break shows in the editor. When I add a html tag in the editor once I save the the tags for color stay but the line break removes.

    Is there a trick to adding a break where I want it?

    January 4, 2025 at 12:31 pm #627306

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your given login details are not working. Can you please share the correct logins so I will check and give you the possible solution.

    Best Regards

    January 4, 2025 at 5:27 pm #627362

    shawnz28
    Participant

    The user and pw given are to view the site as it is pw protected at the moment. Are you asking for admin credentials?

    January 6, 2025 at 9:52 am #627503

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Yes, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards

    January 6, 2025 at 11:06 am #627553

    shawnz28
    Participant

    Added to the private view

    January 6, 2025 at 3:53 pm #627686

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your login details are not working. Can you please share the correct logins so I can check and give you a possible solution?

    Best Regards

    January 6, 2025 at 5:38 pm #627741

    shawnz28
    Participant

    Sorry created new account

    January 7, 2025 at 11:13 am #627901

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I had a look at your header setup, and it appears that the issue is due to the number of elements you’ve added to the header. This results the text is not scaling properly due to the limited mobile header width.

    Try to create HTML Blocks and add the text with the help of a page builder.
    Please refer bto elow articles for more details: https://xtemos.com/docs-topic/html-blocks-usage/

    Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

    Add an HTML / Block element and select the created HTML / Block.

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)