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

Line breaks in Text/HTML element for Mobile Header

Viewing 11 posts - 1 through 11 (of 11 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

    January 9, 2025 at 7:28 pm #628643

    shawnz28
    Participant

    I will try that.

    I am curious though…. on the top and bottom header bars of the mobile header I notice when switching the columns from 1 to 3 it does not change. It always stays as one column? Is this a bug?

    January 9, 2025 at 11:21 pm #628657

    shawnz28
    Participant

    Also I have now added the HTML blocks with the text to the mobile header top bar. The line breaks are as they should be so thank you for that idea.

    But now the elements in that bar do not seem to attempt to span the width of the page. The appear a bit all toward center and the social media icon for example appears closer to the divider element than the text in the HTML blocks. Any idea how to get it to span more spaced and look more balanced across the width of the page? It was part of the reason for my previous question with the columns as I was hoping to try using 3 columns instead of 1

    January 10, 2025 at 3:00 pm #628795

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Sorry but it is not possible to change the mobile header topbar to 3 columns.
    This is how it works by default for mobile.

    02. To achieve a more balanced layout across the width of the page, you can organize the elements into three separate rows: Top Bar, Main Header, and Header Bottom. Distributing the elements this way will help manage their spacing and ensure a more even and visually appealing arrangement.

    Best Regards

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