Home>Support>Vantage Circle Icons Caching Improperly? Ie

Vantage Circle Icons Caching Improperly? Ie

By Tyera Eulberg, 9 years ago. Last reply by Tyera Eulberg, 9 years ago.

I have 3 circle icons on my homepage, which display properly most of the time.

However, in IE:

if I visit another page and use the back button to come back to my home page, some or all of them appear shifted to the right, as though my site has an other column off to the right of the page.

(Any adjustments to position using Developer Tools pops them back into place.)
I am on IE10.

The icons display normally when browsing back in FF, Chrome, and Safari.
Is there anything I can do?

URL: http://redgardenengineering.com/blog

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Tyera

    Thanks for reporting this. It’s potentially something we can log as a bug and attend to when the team heads back for a round of Vantage tweaks.

    What you could do is test out our Features Widget, an evolved Circle Icon widget. It’s part of the Widget Bundle plugin, you can find it here:

    https://wordpress.org/plugins/so-widgets-bundle/

    See if that gets a different result.

  2. 9 years, 10 months ago Tyera Eulberg

    Thank you very much for the reply! The Features widget does seem to cache properly.
    Hopefully you can save me a little time: How can I edit the screen width at which it jumps from 3 columns to 1?

  3. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Super.

    Try the following under Appearance > Custom CSS if you’re running Vantage Premium or in a Custom CSS plugin if you’d like to stick with Vantage Free:

    /* SiteOrigin Features Widget Breakpoint */

@media (max-width: 520px) {
  .sow-features-list.sow-features-responsive .sow-features-feature {
    width: 100% !important;
    float: none;
    margin-bottom: 40px;
  }
  .sow-features-list.sow-features-responsive .sow-features-feature:last-child {
    margin-bottom: 0px;
  }
  .sow-features-list.sow-features-responsive .sow-features-clear {
    clear: none;
  }
}

    Adjust the px breakpoint as required.

  4. 9 years, 10 months ago Tyera Eulberg

    Thank you for the reply.
    This code is not working for me.
    I do have Vantage Premium, but have never had any luck with specifications made in Custom CSS actually showing up on my site.
    I am not able to get any effect from this code in style.css either.

    Any thoughts?

  5. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Please can you re-insert the CSS I sent under Appearance > Custom CSS and let me know when that’s up. I don’t see it there now. I need to see it play to tell what’s going. After adding it you’ll need to adjust the breakpoint to suit your site and then…nnb..clear your site’s caching plugin’s cache.

  6. 9 years, 10 months ago Tyera Eulberg

    I am not sure what changed, but the Custom CSS file seems to be working now. So I am all set! Thank you for being so responsive.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More