Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 8, 2015 at 12:13 pm #425188
    fusion01

    Meant to show 6 entries across: http://indlovu.org/africa/photos/

    6th is shifted to second row, you actually see it fly away from where it’s meant to be, lol!

    Click any filter link to sort, and then click ‘all’ again. Now all six fit. Now with borders.

    I don’t care for borders or no borders, but I’d sure like 6 across as entered into the components config. Possible?

    April 8, 2015 at 12:27 pm #425190
    begrafiks

    Hi fusion01 ;
    I see 6 columns till 990px screen size and under 990px it turns to 3 columns.
    here in image :
    portfolio

    April 8, 2015 at 12:44 pm #425203
    Yigit

    Hey!

    This is how i see your page – http://i.imgur.com/hzXUv0S.jpg
    Can you please post a screenshot?

    @begrafiks     thanks for your input :)

    Best regards,
    Yigit

    April 8, 2015 at 1:25 pm #425248
    fusion01

    Seems to not exhibit this behaviour at all in Chrome, only Firefox – in my case latest version, 37.0.1.

    Upon page load (note 5 across):
    http://www.andrewb.co.za/misc/grid/ff01.jpg

    After selecting a filter and then reverting again to the ‘all’ filter link:
    http://www.andrewb.co.za/misc/grid/ff02.jpg

    April 8, 2015 at 2:33 pm #425316
    begrafiks

    Hi fusion01 ;
    On Mac OS X 10.6.8
    # I see 6 columns in Chrome 41.0.2272
    # I see 6 columns in Safari 5.1.10
    # I see 6 columns in Firefox 29.0.1 when the size is bigger then 990px but it doesn’t scale fast thus it seems as if there were five columns, if you scale your screen slowly you can see it.

    April 8, 2015 at 2:55 pm #425335
    fusion01

    It’s a sizing issue on FF, if not Mac then certainly PC. Affects the browser window when testing on both 22″ and 19″ monitors, viewport at full screen. The logic isn’t being correctly understood by the browser. The 6th appears top-right as an outline, then that outline animates to a new second row.

    April 8, 2015 at 5:19 pm #425451
    fusion01

    Same with Firefox on the home page. Client asking why only 5 on a row, need a fix soonest.

    http://indlovu.org/africa/home/

    EDIT: So I tried with 5 cols and 5 items and all now fits nicely on a row within Firefox, so ignore my home page reference above.

    Seems then when one wants 6 across the issue occurs…

    • This reply was modified 9 years, 8 months ago by fusion01.
    April 10, 2015 at 4:21 pm #426634
    Elliott

    Hey!

    I see what you mean. It doesn’t seem to be happening on our demo though, http://kriesi.at/themes/enfold/blog/masonry-blog/.

    Let’s try the following.

    1. Deactivate all plugins.

    2. Completely delete Enfold from your WordPress theme directory before downloading + uploading a fresh copy from themeforest.

    It probably has something to do with some CSS customization your doing though I could not find it. Try creating a child theme and test your changes out there to see what happens.

    Best regards,
    Elliott

    April 11, 2015 at 10:00 am #426988
    fusion01

    Funny oyu should suggest deleting the entire install, I don’t think this accurate advice. Why can one not simply switch to the parent theme? That was completely unaltered.

    Anyway, I did that, bypassing entirely the child theme and all styles. No difference.
    I disabled all plug-ins (harmless ones): Duplicate Post., Post Types Order, W3 Total Cache – no difference.

    Since it occurs only on Firefox it seems a bug in the theme. But hey what do I know, Enfold is probably devoid of all bugs!

    April 13, 2015 at 3:48 am #427253
    Ismael

    Hey!

    I can’t seem to reproduce the issue no matter what filter I click before the “All” filter. What is the screen resolution of your monitor? Maybe this will fix it:

    #top .no_margin.av_one_sixth {
  width: 16.6555555555%;
}

    If it doesn’t work, try this:

    #top .no_margin.av_one_sixth {
  width: 16.6444444444%;
}

    Regards,
    Ismael

    April 13, 2015 at 6:58 pm #427735
    fusion01

    Ismael, thanks. It occured on BOTH 19″ and 21″ monitors, 1440px and 1920px. It also occured on my client’s screen – no idea what res. Do you not have Firefox on the PC platform? If so, you should have been able to replicate easily.

    So either of these values above worked, and have fixed the issue. Thank you.

    What is odd is there is no frame when the page first loads, then after selecting a filter and then ‘all’ once again the images have frames / frame borders and don’t resize as they once were, but this is a small cosmetic detail I’m not concerned with.

    • This reply was modified 9 years, 8 months ago by fusion01.
    April 15, 2015 at 4:11 am #428643
    Ismael

    Hi!

    Glad it is fixed. Some browsers deal with width values containing decimal places differently. That’s why it is doesn’t render properly on firefox. If you want to apply the fix specifically to Firefox browsers, use this:

    .avia-mozilla #top .no_margin.av_one_sixth {
  width: 16.6555555555%;
}

    or this:

    .avia-mozilla #top .no_margin.av_one_sixth {
  width: 16.6444444444%;
}

    Regards,
    Ismael

    April 17, 2015 at 3:31 pm #430338
    fusion01

    Thanks, this is great and appreciated Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Portfolio grid layout not consistent in the number presented’ is closed to new replies.