Odd <p> Tag on Phone

[comstarsupport]

When I switch to phone view I see an odd section appear at the top of the website:

When I inspect it with Chrome it looks like this: <p class="p-info"></p>

How can I get rid of this, please?

Thanks

[prakash_s]

Hello @comstarsupport,

Thanks for writing to us.

It is coming from the Theme Options—>Header—>Top Bar content. To get rid of this you need off the Topbar content.

OR

Please note you have added custom HTML there in the Topbar content and the paragraph tags have been already called there. Please note you can not have multiple paragraph tag inside the paragraph tag that is why is displaying a blank <p class="p-info"></p>

I would suggest you use the SPAN tag instead of <p> to avoid this blank HTML markup.

For a quick fix, you can use this custom CSS code.

@media (max-width: 766.98px){
.x-topbar .p-info {    
display:none;    
}
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you can subscribe to One to get further assistance.

Hope it helps.
Thanks

[comstarsupport]

Thank you!

[ruenel]

You are most welcome, @comstarsupport!