Okay
  Public Ticket #3423768
Text to Display in Header removing HTML
Closed

Comments

  •  8
    mrittman started the conversation

    Hi, under Header Navigation > Layout > Text to Display in Header, I've got a <br> tag that keeps getting deleted if I change certain settings. For example if I change the Menu Item Spacing, the <br> tag gets removed, and I have to go back in and add it manually. Is there any way to prevent this?

    Attached files:  Screen Shot 2023-07-26 at 3.44.47 PM.png

  •  2,958
    Andrew replied

    Hello again,

    Thank you for reaching out to us.

    I can't seem to replicate this error from my end. Do you have any auto-optimize plugins, you can try and disable it and let me know if this is resolved.

    Kind regards,

  •  8
    mrittman replied

    Okay very strange, I disabled all my plugins, then re-enabled them and now I'm having trouble replicating it on my end 😑

    I'll let you know if it happens again with any other settings. Thanks so much!

  •  8
    mrittman replied

    Nevermind, it's happening again after adjusting Typography > General HTML elements :(

    Here's the code I am using:

    <h4 style="text-align: center;">APPOINTMENTS<br>
    <i class="fa-solid fa-phone"></i> (800) 555-1212</h4>


  •  2,958
    Andrew replied

    Hello again,

    Thank you for getting back to us.

    I still can't replicate this issue from our end. Could you share a video or steps so we can try and replicate this for you?

    1122068237.png

    In the meantime, if you have any auto optimize plugins, could you try disabling this and let us know if the issue is resolved?

    We look forward to your feedback.

    Thanks,

  •  8
    mrittman replied

    Hi Andrew,

    I was able to re-create it pretty much by switching from the Visual to the Text editor, and back. Please have a look at the attached video.

    Thanks!
    Matt

    Attached files:  chrome_yMnjxsSzDI.mp4

  •  8,839
    Tahir replied

    Hey Again,

    We would suggest you add an icon otherwise using the Salient Menu Options: https://themenectar.com/docs/salient/salient-menu-options/

    Thanks.


    ThemeNectar Support Team 

  •  8
    mrittman replied

    Thanks, but that's not going to work in this case.

    Take care,
    Matt

  •  2,958
    Andrew replied

    Hello again,

    Thank you for getting back to us.

    Allow me to escalate this to the developer to further advise on this.

    We appreciate your patience on this.

    Kind regards,

  •  1,070
    ThemeNectar replied

    Hey mrittman,

    WP is likely stripping those upon saving the data -- I would recommend keeping the italic tag outside of the heading 4, which will naturally create the multi-line display without the need for a br tag. 

    However, if you do not wish to alter that italic tag to be outside of the h4, you could also add a CSS rule to split those items onto new lines instead. Here's a snippet you can add into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab to ensure they display on two lines:

    .nectar-header-text-content i {
      display: block;
    }

    Kind regards

  •  8
    mrittman replied

    Thanks so much for your reply. For some reason WP is also stripping my italic tags, which is what FontAwesome uses. I just want a phone icon next to the phone number. When I put the italic tags outside the heading 4, they get removed.

    I am also trying your CSS method of checking the italic tags to display as block. But now it's putting everything on its own line haha. Striking out here with something I thought would be quite simple :(

  •   ThemeNectar replied privately
  •   mrittman replied privately
  •  1,070
    ThemeNectar replied

    Thankssmile.png

    I just changed it to use a div instead of the normal italic tag https://pastebin.com/mNfb7Xpq -- and it has taken so far. Let me know if you see it disappear after making edits still.

    Kind regards

  •  8
    mrittman replied

    Oh my gosh, that's perfect. Thank you so much!!