Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #885844

    Hi moderators,

    I have two urgent questions… I hope you guys can help me out.. (again :S)

    question 1:
    I added a widget to my header: Its an icon and a phone number next to the main menu.
    Problem now is that on my iMac it looks ok. (styling not finished) but when look at my macbook (laptop) the main menu overlaps the widget in the header. How can i fix this? And what do i need to delete the widget for mobile screens?
    So i would like to create this:
    – On Desktop and Laptop: show widget next to main menu.
    – On Mobile and tablet screen don’t display widget

    question 2:
    What i would like is to have the icon and phone number nicely outlined next to the main menu.
    What i did to get the this is I created a shortcode for the icon and added this with the phonenumber in a text widget. Problem now is that the text isn’t well outlined with the icon and main menu. but if i add padding tot the widget both the icon and phonenumber will move. How can i fix this?

    Website en Password are in the private content.

    • This topic was modified 10 months, 2 weeks ago by  KingFilly.

    Hey KingFilly,

    I think it would be easier if you added your phone number as a Custom Menu item in Appearance > Editor. It would be displayed right next to your menu items, would not overlap on any screen.

    If you need assistance, please create temporary admin logins and post it here privately :)

    Best regards,


    Hi Yigit,

    thank you for your reply.

    Do you mean via Appearance > menus instead of ‘Editor’? Or do i need to adjust a PHP file in Editor?

    And how can i add the phone-number with the icon next to it?

    I’ve created this code for icon & phone number; [av_font_icon icon='ue803' font='fontello' style='' caption='' link='' linktarget='' size='50px' position='left' color='#e46059' admin_preview_bg=''][/av_font_icon]<span style=”color: black;”>+31649893494</span>

    If it’s to hard to explain i can provide you a temporary access, but i would like to try it myself first… :)

    Hope to hear from you soon.

    regards Filip


    Hi Yigit,

    I created a temporary admin account on my website. The link is in the private content.

    You are much quicker then me. :)
    In the private content below also a link to an image of how i would like toe have the phone number inside my header.

    Since you have access now, can you take a look at another thread i posted? it’s about the same website:

    hope to hear from you soon.

    • This reply was modified 10 months, 2 weeks ago by  KingFilly.


    I added icon to your page, published the page and copied HTML code of the icon by inspecting elements and inserted it in Navigation Label field before your phone number and then linked it to your number. Clicking on the link will call the number.
    Please review your website :)



    Hey Yigit!

    thanks for the work. I change the color of the icon… Looks very good :)
    You can close this thread now.

    Can you take a look at my other thread?


    Hi KingFilly,

    Glad we got it working for you! :)

    If you need further assistance please let us know.

    Best regards,

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.