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

    Hi,

    I have created a header widget but I’m struggling to find the best way to position it correctly with CSS, see diagram https://ibb.co/tKk9KnV
    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?

    Fionadee

    • This topic was modified 1 week, 1 day ago by  Fionadee.
    #1146855

    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,
    Rikard

    #1146856

    Thanks Rikard,

    I will try that now.

    #1146860

    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.

    #1147734

    Hi,

    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
    https://wordpress.stackexchange.com/questions/279627/how-to-load-all-plugins-css-after-child-theme-css

    Best regards,
    Vinay

    #1147918

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

    #1148281

    Hi,

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

    Best regards,
    Rikard

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

You must be logged in to reply to this topic.