1. tcm1003
  2. Sherlock Holmes
  3. General
  4. Monday, 01 April 2019
  5.  Subscribe via email
Thought about buying everly for a new project and broke about the releasedate... really "February 28th, 2018"? Not 19? Is this just a mistake or a reboot of an old template? And is there any option to move the slider image in mobile mode? I would like to see a frame more at the bottom of the picture instead of the center, when it's in smaller mobile view.
Tried to manipulate the css of your demo, but it didnt work out until now.

And by the way - will there be a new release within the next 60 days? Because the last time there was an release short after I buyed a template and I liked the new one very much. But I was already near finish with my current template, so... No, I'm happy with it, but it was a little bit frustrating, because if I have waited a little bit longer then... :p
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Thank you for bringing the date issue to our attention. The correct release date is indeed 2019 :)

Just so I understand you correctly, you wish to move the slideshow text to the base of the image on smaller screens?

We hope to have a template released within the next week. Following is a little preview.. https://screenshots.firefox.com/Xr2HFSMafuhf25aa/localhost

Ciaran
  1. more than a month ago
  2. General
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello,
thx for the fast response and the nice preview, it helps me a lot. :)

Relating to the slider question I made you an attachment in this post. In the background is the full computer screen version, on the top right is the "mobile version" (via smaller window). I don't want to move the text, but the image itself in the small version.
The section in the mobile view isn't the full image like in the full version, because of the smaller size, that's okay. The red line shows the (guessed) cutout of the small version. And I would like to have a cutout like the green section. I tried to understand the HTML/CSS-Code to set this in CSS, but not successfully.
Because at the moment I have images with people/objects from bottom to middle height and sky above. The current cutout would cut them off and show primary the sky, so... if there's a simple solution for that... doesn't need to be a menu in your template settings, but a css class to set in css custom would be nice. :)

EDIT: After a second look on my graphic it doesnt look to accurate, but perhaps you get an idea of what i mean.
Attachments (1)
  1. more than a month ago
  2. General
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Considering the solution would be specific to your images, would you have a URL to an example of your slideshow?

Ciaran
  1. more than a month ago
  2. General
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
I didn't purchase Everly (until now, because I saw the flash sale notification :o ) and just played with your demo and its live css in my browser. I can look into making an example, but I dont think its specific to my images. It's just that the slider images have a different ratio between full and mobile version, so the mobile version "cut off" and it seems that the display of the image is top orientated, so the cut off is the bottom part. and i would like to have bottom orientated images, because the top part is less worth then the bottom part of the image. The example in my head was from an old website project of mine, so I have to search for this image. But it looks like it's more complicated like a simple .div img {bottom: 0;} - so perhaps I look for another kind of picture. It's a new project so I'm free. :)
If you have an idea, would be nice to hear - if not, I find another solution. :) thx a lot
  1. more than a month ago
  2. General
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

There is an overlap with the content area. Removing this overlap on smaller screens may help. To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 1080px) {
#container_showcase1_modules + .content_main {
margin-top: 0 !important;
}}


Ciaran
  1. more than a month ago
  2. General
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

There is an overlap with the content area. Removing this overlap on smaller screens may help. To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 1080px) {
#container_showcase1_modules + .content_main {
margin-top: 0 !important;
}}


Ciaran


I installed the demo installer of your template on localhost/xampp (is faster than with own images) and inserted your snippet in the template settings, but it doesn't seem to work. :( I don't see any impact at all. But thx for the try.
  1. more than a month ago
  2. General
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Once your site is available online, drop the URL here and we will examine this issue further.

Ciaran
  1. more than a month ago
  2. General
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hello again,

I tried something out. My website is available on * with four images in the slider.
Additionally I added a zip (slider.zip) with images from my desktop browser (firefox) and my mobile phone (firefox clear - don't know the english app name) to show my issue. As you can see, in the mobile version the image is "top orientated" and cuts off the bottom. And some images have the most important part on the bottom (example in zip: mountains with sunrise, cola glass) or center (example in zip: archery target and bow together). In the mobile Version it's a little bit... wrong... with only the top and the bottom cut out.

And I have another issue with this module. If I reduce the height of the slider to ~50%, the mobile version shows only the left-right-arrow without any image. I attached another zip (overlap.zip) to show you. It's "slider_half_height.png". In my url it's set on the "Test"-page in menu.. But it happens with max height Additionally if I deactivate the slider position for mobile in the template style with activated "Overlap Header" in the module, the page title moves (eg "Home";) gets behind the menu bar. Screenshot "slider_mobile_deactivated_overlap_activated.png".

And I would like to use the overlap header option. So deactivating is bad.

The "not top orientated" slider image is more like a "wish", but I think the "minor height and no image in mobile" and the "mobile slider deactived position with activated overlap in slider module" is like a bug...
Attachments (2)
  1. more than a month ago
  2. General
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

I can not see the suggested CSS in your website source...

@media only screen and (max-width: 1080px) {
#container_showcase1_modules + .content_main {
margin-top: 0 !important;
}}


Can you confirm that this CSS is in the Custom CSS field of your template parameters? This CSS should resolve the issue of the bottom of image been cropped on smaller screen devices.

Ciaran
  1. more than a month ago
  2. General
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Ok, my fault, activated the wrong style and tested with this instead your code.

But there is still something wrong with the navigation arrows. Is there anything possible to lower them in this view? Or at least make them invisible... Perhaps no arrows are better on small screens with small slider images...
Do you have an idea?
Attachments (1)
  1. more than a month ago
  2. General
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 759px) {
.layerslideshow .NextArrow, .layerslideshow .PrevArrow {
top: 80%;
}}


Ciaran
  1. more than a month ago
  2. General
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks a lot, looks like it's working <3
Thank you very much for your support. :)
  1. more than a month ago
  2. General
  3. # 12
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok