Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 9, 2016 at 6:15 am #722320
    Mark

    Hi Guys,

    I’ve added the widget code to functions.php, but I’m having a difficult time with the CSS and header height to get the text to stay nicely under the logo on the left side.

    I’ve created login info for the site below. You can see in the header area by the logo where the widget text is blending into the logo. I’d like the txt to remain centered under the logo no matter whether it’s on a mobile or pc.

    December 10, 2016 at 7:03 am #722655
    Mark

    Hello – still haven’t heard anything on the above request…

    December 12, 2016 at 4:30 am #722905
    Rikard

    Hi Mark,

    Sorry for the late reply, so you are looking to make the logo smaller and have the text under it?

    Best regards,
    Rikard

    December 12, 2016 at 5:42 am #722924
    Mark

    Hi Rikard,

    That’s correct.

    Mark

    December 13, 2016 at 4:15 am #723508
    Rikard

    Hi Mark,

    Thanks for the feedback, please try this in Quick CSS:

    strong.logo {
  max-height:80%;
}

#header .widget {
    left: 12%;
    padding-top: 9.7%;
    transform: translate(0%);
}

    Best regards,
    Rikard

    December 13, 2016 at 4:26 am #723513
    Mark

    Hey Rikard,

    I added the CSS and it’s not placing the widget txt under the logo. You can login and see for yourself using the info I provided in the 1st message. Thanks so much for your help in advance.

    Mark

    December 14, 2016 at 5:13 am #724082
    Rikard

    Hi Mark,

    Please try this instead:

    #header .widget {
    left: 160px;
    transform: translate(0%);
    top: 105px;
}

    Note that this won’t be responsive unless you add a lot of extra CSS to several media queries, so I think you might be better off just to add the text to the image using Photoshop or something similar. I think that would be the easiest solution to be honest.

    Best regards,
    Rikard

    December 14, 2016 at 5:19 am #724083
    Mark

    I’ve added the css but that places it in the slider below…not under the log. I realize I could add it in photoshop, it’s just the text version would be much easier to read.

    December 14, 2016 at 2:08 pm #724266
    Rikard

    Hi,

    I get why you would like to add it with text but since you have to place the widget with an absolute position in CSS, it’s a nightmare to get it to display correctly on all screensizes unfortunately. Could you try adding it in the image instead?

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.