How to best add html to the top header widget area

Hi, I have added an Email us link to the top left header area with the WBR header widget and it works fine. Now I would like to add the following <a href="http://www.bohemtranslations.com/cz">Česky</a> | English to the right side. I have tried adding a custom html widget to the top right header area but the text is too small and it doesn' line up with the Email us link on the left. Any suggestions how to best implement that please. 

Comments

  • edited April 2018
    Hi 
    Thanks for contacting to us . 
    Use Custom HTML widget and add widget into the top  header widget area . 
    Kindly share  your site url , so that we can take a look and assist you better . 

    Thanks 
    Akhilesh
  • Hi Akhilesh, thanks. I have done that and it doesn't line up, plus it makes the top bar too thick. My site is https://bohemtranslations.com/ ;
  • edited April 2018
    Hi 
    For this add the below  css code inside the  Appearance >> customizer >> Additional css box . 
    Add the below css code inside the Additional css box . 

    .textwidget.custom-html-widget {
        margin-top: 7px;
        font-size: 14px;
    }

    .textwidget.custom-html-widget a {
        color: #f5f5f5;
    }


    Change margin and color value as your need . 

    Thanks 
  • edited April 2018
    Cheers. That solves the positioning and text size but the top bar is still twice as thick as without the html widget. So how do we solve that? :)
  • edited April 2018
    HI 
    I have little confusion regarding your  issue . What do you want exactly .
    Are you want to reduce top  bar height . 

    Indicated inside the snapshot http://prntscr.com/j44wpd ;

    Pls confirm me so that we can  assist you better . 

    Thanks 
  • Hi, yes, reduce the height because when the custom text widget isn't there the top bar is half the height of what it is in your screenshot and that's how I would like it as it's too high like this. 
  • Hi 
    Thanks for clear your issue . 
    TO reduce height  widget area bar add the below css code inside the 
    Appearance >> customizer >> Additional css box . 

    .footer-sidebar .widget, .top-header-widget .widget {
        padding: 0px;
    }

    Let me know for further assistance . 

    Thanks 
    Akhilesh
  • Worked like a charm, thank you! 
  • HI 
    Glade to know that its work for you !
    If you really like our theme and support pls give rate us here . 
    Look forward see you again at webriti. 

    Thanks 
This discussion has been closed.