Top header widget

my questions:
1. Top header widget  is too high , how can you reduce the height, so it looks like https://demo.w Celebr.com/?theme=Appointment%20Pro on top?
2. how to set the column width, so that the email [email protected] can be displayed clearly?

Thanks for the explanation
top-header-widget.JPG
35K

Comments

  • Hi, @mapays

    Thanks for contacting us!

    To show header like as in our theme demo please use WBR: Header Widget instead of WBR: Info Widget to "Top Header".(Screenshot)

    Let me know for any confusion.

    Thanks
  • thank you for the reply.
    there are no issues in that section,
    I did it,

    but can the results be minimized,
    please see the screenshot that I attached,
    it's too high, can it be shortened?

    second question,
    how do I set the width of the column, so that the email [email protected] can be displayed clearly, where the email looks truncated because it is too long so it doesn't fit.
    top-header-widget.JPG
    63K
  • Hi

    As I already told in my previous comment the widget you have used
    is "Info Widget" at the top header widget areas. But in our demo
    for the top header widget area we have used "Header Widget".

    However, if you want to reduce the height and set the email text field of the widget ("Info Widget") you can
    use the below custom CSS: (Appearance >> Customize >> Header settings >> Custom CSS)

    .contact-area .media-body h4 {
     font-size: 14px !important;
     word-break:break-word;
    }
    .contact-area {
     padding: 1px !important;
    }

    Let me know did it work.

    Thanks
  • hiii mr sohail,
    thank you for your description,
    all (header and info) widget  that you explained, I have implemented and succeeded well.

    Best Regards.
  • Glad to help you!

    If you like our Theme & Support, rate us HERE.

    Thanks
This discussion has been closed.