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


    I have created a header widget but I’m struggling to find the best way to position it correctly with CSS, see diagram
    I would like to move the widget down, level with the logo, and aligning with the search icon on the right.
    For mobile view full width above the logo would work best.
    Please can you help?


    • This topic was modified 7 months, 4 weeks ago by  Fionadee.

    Hey Fionadee,

    The screenshot you posted is not working, but I think this CSS will achieve what you are looking for:

    .thech-widget {
        position: absolute;
        top: -20px;
        left: 300px;

    Best regards,


    Thanks Rikard,

    I will try that now.


    Thanks Rikard that’s fantastic!

    The position is almost spot on and I can easily adjust. I’ve also removed the shrinking header option as it wasn’t looking good.

    One other thing you might be able to help with.
    I am getting a flash of white behind the menu on loading some of the more image-heavy pages. Is there anything I can do to prevent this? On the home page I’ve added a black background which works, but my other pages are white.



    Thank you for sharing the details.

    I have checked your site and this happens only when you load the page the very first time correct?

    The browser will cache CSS files once it loads the page that’s why the flash of white is visible the first time.

    This usually happens when other files take time to load before the CSS please check the below links

    Best regards,


    Hi Vinay,
    Thanks for your help – I will check this out.



    Thanks for the update, we’ll leave this thread open in case you should need any further help on the topic.

    Best regards,

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

You must be logged in to reply to this topic.