Header Widget moves as page refreshes.

  • Hello,

    I’m using your Vantage theme and I’m having an issue with the header widget. I have an image placeholder on top right corder of page that moves as I refresh the site. Please see screenshots below. I’ve tried using the text widget and html to insert the image, but the same problem occurs. Does anyone have an idea how to resolve this? I’m not sure what to do. Thanks in advance. Eric

    site affected:
    primecarehomesolutions.com

    Screenshot with correct image placement:
    https://www.screencast.com/t/cexpw7avgj

    Screenshot with incorrect image placement (cuts off):
    https://www.screencast.com/t/tYcHabiT

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there Eric. This bug was recently brought to our attention. It’s on the bug list. There should be a fix in the next version coming later this week.

    Really sorry about that!

    Greetings,

    I just wanted to chime in about this issue, since I’m having the exact same problem. I have also tried using the text widget to manually insert the image with HTML, but the problem persists. I’m using the latest version (1.1.7). Here’s the site.

    I have found the offending code. This is what the div in question should always look like:
    <div id="header-sidebar"> ... </div>

    But when you refresh, for some reason, additional incorrect style code gets hardcoded into that div tag:
    <div id="header-sidebar" style="padding-top: 60.5px; padding-bottom: 60.5px;"> ... </div>

    This causes the image to drop behind the menu bar, and there’s no CSS way to fix it, since hardcoded CSS will always override a style sheet. It’s a very frustrating problem to have.

    Thank you very much for creating this theme, but please fix this issue as soon as possible. My client would love to upgrade to the premium version, but the site needs to work correctly first. Do you have any idea when it will get fixed?

    Hi try this in your custom css

    #header-sidebar[style] {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    }

    Thanks Matt Vukas

    https://mattvukas.com/2014/01/17/learn-the-one-weird-css-trick-that-they-dont-want-you-to-know-about/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header Widget moves as page refreshes.’ is closed to new replies.