This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Vantage Circle Icons Caching Improperly? Ie

Open 6 replies themetheme-vantage
Tyera Eulberg
11 years ago · Last reply by Tyera Eulberg 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 11 years, 3 months ago

    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. Tyera Eulberg 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    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. Tyera Eulberg 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    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. Tyera Eulberg 11 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread