Portfolio on Marketing demo

I have several issues with the portfolio items :

1. Can you confirm that in order for it to look like in your demo, images need to be 960X750 and set up in Size as in your demo ? If left on default it becomes quite messy.

2. Portfolio silder - I've also tried this as well instead of the grid - When setting image count to 6, all 6 show up. No sliding is done. Arrow icons are not functioning.  Horizontal images are being resized to about half the size of those vertical.
«1

Comments

  • Hi,

    1. This size is the best one and if you want to get the same looking items as on our demo, please use same size.

    2. Any link to page where you got this slider?
  • Ok. We did checked your site and it's simply. You have only 5 portfolio items and that's why when you set 6, you have no slider arrows. You must have more portfolio items than the number you set and only then arrows will appear.

    P.S. We removed your access because it's public section and everyone can log-in into your dashboard now and play you the tricks.
  • Please clarify. Right now the count is 3 and it's still not scrolling and the image is cut.
    I'm on MAC using Chrome.
  • The slider works fine but you must increase the number from 3 to 5 or more. The slider wasn't working because you set 3 items to display. Now we changed to 5 and slider works fine. Not all the items display of course.
  • What I see is all 5 images...No slide...

  • This is what i see... ( image attached )image
  • We see 4 of them and the slider works. If you see 5, it means your screen is bigger than our and you must upload more portfolio items to activate slider.
  • I'm on a 21" screen.
    Also checked on a 15.6" laptop. Here it seems that the first section's background image is cut on the left. Menu is also changing into a mobile menu ( 3 small lines ). Image slider comes up but it's about 2 mm thick !
  • 1. Like we wrote above, please add 2 or 3 more portfolio items and change the number of items to 7 or 8 then. At this moment, you have 5 portfolio items and the slider won't work. Everything is fine here and to be honest we completely do not understand your thoughts.

    2. Background images are not responsive and never won't be. It's technical problem between being responsive and css backgrounds.

    3. If you want to decrease the moment when menu switch to mobile, use Responsive Menu Initial width option under Theme options > Responsive section.
  • 1. You said there's no issue on your side. What size of monitor are you using ?  I mentioned above that i also looked at a 15.6" laptop.
    The slider is there, i can see it moving as the arrows are there too, but the height of the image is about 2 mm.
  • I've added two images.
    This is what i see on a 15.6 " screen.
    image
  • We did checked on 13.3", 15.6" and 2 other larger screens. On 13.3" and 15.6" we see what you got above (4 images per row) and the slider works fine. When we click on the arrow on the right or left, slider moves. However, the images are different height because this is what you uploaded. If you want all images to be exactly the same size, you should upload same sizes.
  • Regarding your comment :

    "Background images are not responsive and never won't be. It's technical problem between being responsive and css backgrounds"

    This is not really acceptable. The BG is ok on big screens but cut off in smaller screens. I haven't experienced this with other themes.
  • edited March 2016
    You can check http://www.alize.com/home/  to see how this works for others.
  • Really? What should we check on http://www.alize.com/ then? There is "Maintenance mode" active. Please let us know so we can compare it with your site. Please also let us know which background exactly what should take into account and compare with http://www.alize.com/
  • Please go to http://www.alize.com/home/  .
    It's online for me.
    Look at the bottles there and the text 

    LIFE IS MORE FUN IN COLOR.

    It's responsive on every resolution i checked.
    Please compare it with the Marketing demo.
  • I also have two more issues :

    Please look at the sections Enjoy Our Flavors and From the Caribbean with Love.

    On mobile phone ( Android ) , Enjoy Our Flavors  has a white background.   From the Caribbean with Love  is not showing the video.

    Any advice please ?
  • So or we talk about different images or you don't know how to explain what you mean. When we look on smaller screens like http://pasteboard.co/2FRDlUMs.png the bottles are cut as well. Like we said, this is standard behave.

    In reference to 2nd question:

    a) Enjoy Our Flavors section has white background because background image is not tall enough for mobile devices.

    b) Background videos (because of being css backgrounds) does not work on mobile. This is standard behave and you can see the same on our demos.
  • Yes that's the image.
    On 1366X768 ( 15.6" )  it looks good, no cuts. On 21" screen ( 1920 X 1080  ) it still looks good.

    As for the 2nd question : 
    a.  The image is 1920 X 1066. How big should it be ?
    b.  Can it be changed for mobile with a static image ?
  • But on your site it looks good on 1366x768 and 1920x1080.

    http://pasteboard.co/2FXDtwRk.png - 1366x768px
    http://pasteboard.co/2FXHJu8u.png - 1920x1066px

    As you can see, on both background is fine and there is nothing wrong. This works exactly the same way on http://www.alize.com/home/ and we do not see any difference between your site and the link you provided above.

    The only thing you can do is set cover size for background images. Not sure if this would change anything for you and you will be happy with this solution but this is the only thing we can give you.
    .section { background-size: cover !important; }
    1) It depends on how long is text on mobile. You need to test it yourself.

    2) No, it is not possible.

    P.S. The background which you see is header's background, not a section. If you will check sections on that page, you will see how backgrounds cut. Also please notice that in first section on page, you used slider on which we do not have any impact. We have an impact on Muffin Builder elements only.
  • Yes I switched to Revolution Slider as i needed a solution fast.
    Alize is not using a Revolution slider.

    The css provided is to be put in the CSS area in the theme options ?

    As for the issue with Enjoy Our Flavors section - What should I do ? The image is 1920 X 1066.

    As for the video section ( Caribbean love ) - I noticed that on Firefox with Android the video comes up ( any idea how ?  )  . For Chrome i've added a background image but i can't seem to able to contain it as i keep seeing part of one side on the other side... Makes sense ?
  • One more question - I've uploaded 2 short videos to media. I'd like to put them in portfolio in a videos category. However i'm having a hard time to figure out how to make the videos play.
  • 1) The css we provided above should be pasted under Theme options > Custom CSS & JS > Custom CSS section where all custom styles should be set.

    2) Try to use 2000px height or less. You must test it because everything depends on different mobile devices and your needs.

    3) Yes, we know about that but there is nothing what can be done here. Different browsers on different mobile devices, render videos differently. But there is nothing what can be done on our side to make videos compatible with mobile devices.

    4) Sorry but we don't get this question. Where exactly you want to put the videos?

  • 2) Try to use 2000px height or less. You must test it because everything depends on different mobile devices and your needs. ---->   2000px or less ?  PAPA C;s Rum No Matter Where You Are section has less and there's no problem.


    4)  I want to put two videos here http://www.papacsrumpunch.com/media/   under Videos section.
  • 2) I increased to 2000. It's ok now on mobile but looks bad and cut on regular 21" screen.

    3) How can I make the image in the background ( video section ) cover the width and not repeat itself ?
  • 2) Yes, 2000px should be fine but maybe less would be better. You need to test it because like we wrote it depends on mobile devices sizes. This should be obvious. If background is 1000px height but on mobile you scroll and scroll and scroll thru the section, the background must be definitely taller. But because there is no golden mean here (it is not possible to display 2 different backgrounds per the same section for different devices), we suggest to do not display background images on mobile devices. This can be easily disabled under Theme options > Responsive section with Section Background Image option. This is the only thing we can suggest.

    3) Videos does not work with cover and it's not possible to stop the video at the end. Background videos always loop.

    4) We are sorry but we do not have such possibility included unfortunately.
  • 4) Seriously ?  A portfolio without possibility to run a video ?
  • 4) Did you saw videos on portfolio page somewhere on our demo or pre-made layouts? As you can see on http://themes.muffingroup.com/betheme/portfolio we have items with the video but videos works on single portfolio pages only.
  • That's fine. 
    How do i do that ?
Sign In or Register to comment.