Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 23, 2019 at 11:34 pm #1093772
    CenturyAC

    Hello,
    Working on a site and I wanted to add some info to the side of the logo. For the header, I’m using Logo left, Menu right. I followed the instructions here: https://kriesi.at/documentation/enfold/header/#toggle-id-2 and was able to get the Header Widget but the aligning is off. I was able to add padding to the left but I can’t get the text to go higher. I’ll add a screenshot to the private content. I would like the text to be aligning with the logo and not so far down/below. Thanks!

    April 24, 2019 at 8:13 pm #1094155
    Victoria

    Hey CenturyAC,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    April 24, 2019 at 8:27 pm #1094167
    CenturyAC

    Please see: http://airconditioningftbend.com/

    April 29, 2019 at 1:20 pm #1095259
    Ismael

    Hi,

    Thanks for the update.

    This css code should help.

    #header .widget {
    top: -50px;
}

    Just add it in the child theme’s style.css file or the Quick CSS field.

    Best regards,
    Ismael

    May 1, 2019 at 11:19 pm #1096270
    CenturyAC

    Thank you. The code worked but when I try to do a line break <br> there is too much extra padding – please see: http://airconditioningftbend.com/

    Also, is there a way to omit this on the mobile version?

    May 3, 2019 at 2:25 am #1096683
    Ismael

    Hi,

    Thanks for the update. Why do you need the line breaks? You can modify the space around the widget using css code.

    #header .widget {
    top: -50px;
    position: absolute;
    left: 200px;
}

    Best regards,
    Ismael

    May 3, 2019 at 5:50 pm #1096956
    CenturyAC

    I just want two lines of text but when I use <br> the spacing is too large. Please see http://airconditioningftbend.com/

    May 5, 2019 at 9:18 pm #1097503
    Ismael

    Hi,

    Thanks for the update.

    It’s because of the default line height property. Try to include that css property inside the previous css code.

    #header .widget {
    position: absolute;
    top: 0;
    left: 200px; 
    line-height: 20px;
}

    You can adjust the value as needed.

    Best regards,
    Ismael

    May 6, 2019 at 8:41 pm #1097821
    CenturyAC

    It worked. Thank you so much!!!

    May 7, 2019 at 12:22 am #1097858
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Header Widget Area – Need to Center’ is closed to new replies.