Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 15, 2013 at 5:56 pm #189332
    brycenagels

    Hi,

    I love the enfold theme, guys, great work!!

    I seem to be having an issue after instaling woocommerces ajax layered navigation widget. When viwing the shop in firefox, the widet in the sidebar does not appear? if I navigate to page 2, then it pops up..

    the site is http://www.luma-products.com

    head to the shop with firefox and have a look… It seems to me to be a CSS issue, but not sure. It works fine in all other browsers so far.

    Thanks for your help!

    Bryce.

    November 15, 2013 at 8:06 pm #189386
    Josue

    Hey Bryce!

    Add this code to the Quick CSS:

    .template-shop .sidebar.sidebar_right.three.alpha.units {
    float: left; width 220 !important;
}

    Cheers!
    Josue

    November 15, 2013 at 8:15 pm #189395
    brycenagels

    Hi Josue,

    Thanks for your quick reply!

    I added the code, but no luck. It’s strange that this just happens on the first page with firefox!?

    November 15, 2013 at 8:26 pm #189405
    Josue

    Hi!

    I had a typo, try it again with this code instead:

    .template-shop .sidebar.sidebar_right.three.alpha.units {
    float: left; width 220px;
}

    If that doesn’t fix it, please update Enfold to the last version (2.4.2).

    Cheers!
    Josue

    November 15, 2013 at 8:44 pm #189417
    brycenagels

    Updated the theme and changed the code, still same problem.

    November 15, 2013 at 11:52 pm #189466
    Josue

    Hi,

    Can you create an administrator account and post it here as a private reply?

    Regards,
    Josue

    November 16, 2013 at 1:17 am #189483
    brycenagels
    This reply has been marked as private.
    November 18, 2013 at 3:20 pm #190099
    Devin

    Hi!

    I added the following to your Quick CSS which seems to do the trick. I don’t know why FF alone is having an issue with the sidebar but this fixes it:

    
@-moz-document url-prefix() { 
  #top.post-type-archive-product .sidebar.sidebar_right.three.alpha.units {
    float: left !important;
    width: 26% !important;
  }
}

    Cheers!
    Devin

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘woocommerce – Ajax layered navigation causing CSS issue?’ is closed to new replies.