Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #370195

    don’t know if it’s preferable to write in english or german in here, so I stick with english. I guess more people can benefit from the answers that way. answers in german are perfectly fine though.

    just bought your theme recently for our company website. I think it’s a very versatile and professional theme. however while setting up the page I ran into some problems that I wasn’t able to solve. neither with my own (very limited) knowledge nor with the help of the extensive information on this forum.
    page is not live yet, but should go online as soon as possible. I gave you temp admin access in private content.

    If you watch the page in chromium OSX it works exactly the way I want it to.

    well, here goes the troubles:

    – In the section “Referenzen” I have a fullwidth easy slider with a self hosted video in mp4 format (ogg and webm in same folder on server) set to auto-loop. while looping works in Chromium it doesn’t do so in Firefox or Safari. The recommendations I found on the forum didn’t help.

    – same video: not responsive when changing browser window size. the bar (or slider) is, but the video within doesn’t fit anymore. tested on Safari, Chromium & Firefox.

    – the same video doesn’t play on android browsers at all (stock & firefox) when requesting the mobile version -> only see fallback. strange thing though when I request the desktop site videos play on both browsers. didn’t have a chance to try on IOS yet.

    – android firefox mobile site is completely broken – see for yourself :-)

    – The greyscale overlay on portfolio grid is not working in firefox. With the solution offered on the forums images disappeared completely, so I removed the code line again from quick css. worstcase I just create greyscale versions for the featured images myself.

    now on to some style questions:

    – In the section”Leistungen” I made a grid with 2 x 1/5 grid rows each containig an icon. on mobile this produces one long column with 1 icon above the other. when I change setting to display columns side by side they overlay each others. ideally, what I want to achieve is to have the layout to display 2 or 3 icons besides each others on mobile while not changing the desktop layout. is this possible somehow?

    – similar to the above in the “Projekte” section I made a portfolio grid to display 12 portfolios in 6 columns. on mobile this also results in one portfolio item taking the full width of the screen. Is it possible to have 2 items next to each others?

    – minor problem: below the easy slider video I put an accordion item to display the full list of clients on demand. I cannot figure out how to place it to the far left using the full width. There was a suggestion I found on the forums to use a custom css class, but that didn’t work on my end.

    well that’s it for the moment – I’m sure some more things will come up as I go along, but overall most things worked perfectly out of the box and were really easy to setup. congratulations on a beautiful theme.

    Grüsse nach Österreich!

    #370247

    follow up on the video issues:

    when I use the webm version instead of the mp4 version in the slider. the responsiveness of the video is OK, however the video then doesn’t play in safari desktop. video also still doesn’t play on android browsers (chrome, stock or firefox). I trashed firefox on android btw -> it’s crappy!

    please forget about the video issues – we will not use autoplay background video for the complications it causes cross-browser wise.

    also placement of fullwidth accordion is solved.

    we also decided to switch from portfolio grid to masonry once we found out that the only way to display more projects than the initially displayed ones is pagination, which forces a page reload. this is really a shame as we liked the ajax display of the projects (the didn’t need a load and kept people on the same page). we still would love to see a possibility to have 2 columns displayed side by side on mobile instead of stacking one by one.

    • This reply was modified 10 years ago by zerodi.
    #370692

    Hey!

    It looks like you edited your post and have fixed your problems already. Is there any more questions you have?

    Your wanting to see two columns with the Masonry element on mobile instead of just one? Go ahead and send us a link to your page so we can see what type of layout your using.

    Cheers!
    Elliott

    • This reply was modified 10 years ago by Elliott.
    #370709

    link and admin credentials are already enclosed in the first post (private)
    hey elliot

    thank you for your reply. yes, I changed some stuff and was able to solve some problems.

    the remaining questions are for the display options of our portfolio (section “Projekte”)
    right now I’m using the masonry element which looks exactly the way we want but for one thing: It doesn’t open the nice ajax window that keeps the visitor on the page without reload. Is it possible to open the ajax portfolio from the masonry element instead of going to the actual portfolio page?

    If not – is it possible to have the portfolio grid look the same way the masonry does (hover, padding etc.) and have a “load more option” instead of the pagination which reloads the whole page -> this is the problematic part because it reloads and goes to the top of the page instead of where it left of. we use the projects gris on a one page further down

    whit whatever solution we end up in the end we would always want to see 2 columns on mobile instead of 1 – if that’s possible?

    thanks for helping

    #370817

    Hi!

    I don’t see an easy way of doing that unfortunately. It would take a lot of time and code to the shortcode files and also to the scripts. You can create a feature request here, https://kriesi.at/support/enfold-feature-requests/, and we may see an option for this get added in a future update.

    As for 2 columns on mobiles it is possible with the portfolio grid. Try adding this to your custom CSS.

    @media only screen and (max-width: 479px) {
    .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { width: 50% !important; }
    }
    

    Regards,
    Elliott

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.