Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 2, 2021 at 10:59 am #1284647
    milenke

    I created a text widget in the header. I can adjust font-size, color a.s.o.
    But the widget appears obove the logo. I need: logo on the left – textwidget in the rest.

    Michael

    • This topic was modified 3 years, 9 months ago by milenke.
    March 2, 2021 at 11:16 am #1284653
    Yigit

    Hi,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
#top #header #header_main .widget {
    position: absolute;
    right: 10%;
}

    Cheers!
    Yigit

    August 12, 2021 at 4:42 pm #1316473
    milenke

    I works, but not so good.
    #top #header #header_main .widget {
    line-height: 14px;
    position: absolute;
    right: 10%;
    padding: 30px 0 5px 0;
    }
    DASV-Header
    You see, that the text is too much on the right in a bigger browser-window..

    I tested
    #top #header #header_main .widget {
    line-height: 14px;
    position: absolute;
    left: 25%;
    padding: 30px 0 5px 0;
    }
    DASV-Header
    You see, the text is behind the logo in a bigger browser-window.
    How I can have a header text not behind the logo an not so much on the richt.
    The best way would be, that the text is always a little bit right of the logo.
    mike

    • This reply was modified 3 years, 4 months ago by milenke.
    August 15, 2021 at 6:49 pm #1316816
    Mike

    Hi,
    Thank you for your patience, your screenshot shows the main menu below your logo when your widget text is behind the logo, but I’m unable to reproduce this because the menu turns into the burger menu and the widget never shows behind the logo. What screen size are you seeing this error, I tried resizing my browser but couldn’t make the widget to show behind the logo, perhaps you have already solved this?
    2021-08-15_004.jpg

    Best regards,
    Mike

    August 16, 2021 at 7:03 am #1316889
    milenke

    THe menu is no problem. The headertext is behind the logo.

    • This reply was modified 3 years, 4 months ago by milenke.
    August 16, 2021 at 11:36 am #1316938
    Mike

    Hi,
    Thanks for the feedback and I understand this but I’m unable to reproduce this on your site, what screen size do you see this at?
    I referenced the menu because it points to this happening before the mobile size.

    Best regards,
    Mike

    August 16, 2021 at 11:54 am #1316943
    milenke

    I display the page in Firefox on a 1920 width screen.
    With sidebar it is good.

    I have to reduce the sidebar to 0 to have the error.

    mike

    August 16, 2021 at 1:15 pm #1316951
    milenke

    Here a short sceencast with the behavior.

    August 16, 2021 at 2:02 pm #1316958
    Mike

    Hi,
    Thank you for the screencast, so there are a couple of things going on, first you are view the page at 90% zoom
    2021-08-16_002.jpg
    perhaps you are not aware that this is not the same as viewing the site in Responsive Design Mode
    2021-08-16_003.jpg
    anyways please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (min-width: 1850px) { 
#top #header #header_main .widget {
    left: 33% !important;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    August 16, 2021 at 2:17 pm #1316961
    milenke

    90% was a mistake. With zoom nothing is good.
    I tryed your code and I think it works.
    Thanks
    Mike

    August 17, 2021 at 6:13 am #1317072
    Rikard

    Hi,

    Great, I’m glad that you got it working, and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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