Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 10, 2019 at 12:21 am #1146694
    Fionadee

    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 5 years, 2 months ago by Fionadee.
    October 10, 2019 at 1:31 pm #1146855
    Rikard

    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

    October 10, 2019 at 1:34 pm #1146856
    Fionadee

    Thanks Rikard,

    I will try that now.

    October 10, 2019 at 1:47 pm #1146860
    Fionadee

    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.

    October 14, 2019 at 7:26 am #1147734
    Vinay

    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

    Asset CleanUp: Page Speed Booster

    Best regards,
    Vinay

    October 14, 2019 at 11:40 pm #1147918
    Fionadee

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

    October 16, 2019 at 5:27 am #1148281
    Rikard

    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

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