-
Posts
-
Hey Epic!
We would like to help you, but we do need access to your web site URL, so we can understand the issue and provide any css
that we can to help you outRegards,
BasilisHey!
The only way to restore that is to ask your hosting provider to provide with a backup.
They will most probably be able to fix the issue.Thanks a lot
Cheers!
BasilisOkay restored need you to go in and fix the issue . Site is on construction while we fix what wasn’t restored. Thanks
Updated login details.
Need slider not to cut content when on mobile. Landscape and Portrait view.
Thanks
Hey!
Please add the below css in Quick CSS section.
Adjust the height value to suit your design./* Fullscreen slider height in portable devices*/ @media only screen and (max-width: 775px) { #full_slider_1 li{ min-height: 265px !important; } #full_slider_1 li img{ min-width:175vw }}Cheers!
VinayHi Tried you CSS and its not working… The size I have fits perfectly its the caption that won’t fit. please login and have a look to see what I have done. This was since I updated it could be the font sizes I did change something in the H1-H6 section and its messed the headings up on…
Hi Guys whilst waiting on the solution above… I have come into a pickle which I hope you can shed some light?
For some reason when I upload an image I can not remove the title. I don’t want the file name to appear when the user hovers over an image… Is there away to remove this.
Please login and take a look?
As foe the slider in mobile view it fits perfectly its just the captions don’t.
Hi,
this is not caused by the theme and common WordPress behavior. Maybe there is a plugin out there with such a function, but to be honest I doubt that. You could ask this in general WordPress forum, maybe they have a solution for you.
Best regards,
AndyOkay but what about my original question on the mobile slider your CSS didn’t work for me??
The screen is:
Guys, need an update since vine’s comment didn’t work for me… I hope your going to extend my support due to the delay in answering this questions. Thanks
Hi,
Please adjust the font size of the caption on mobile so that it fits the slider.
@media only screen and (max-width: 768px) { .responsive #top .slideshow_caption h2 { font-size: 15px !important; } }For other inquiries, kindly create a new thread. Thank you.
Best regards,
IsmaelHi problem still there… what am I doing incorrectly?
@media only screen and (max-width: 768px) {
.responsive #top .slideshow_caption h3 {
font-size: 15px !important;
}
}landscape is fine
portrait still cuts off
can I also remove the header on mobile only is there a CSS for the? So I have a full image instead.
Hi,
The caption is wrapped inside an h2 tag, not h3.
@media only screen and (max-width: 768px) { .responsive #top .slideshow_caption h2 { font-size: 15px !important; } }Best regards,
IsmaelHi Tried that still not working.
I also looked in advanced styling to check if i had slideshow captions on h3.
Did you log in to take a look?
The h3 css i copied an pasted above wasn’t used in the end anyway. Whilst waiting for a response I had to play around with it as h3 was too big however your css still is cutting off in portrait view therefore my question now (also added to a new thread) was how to remove the green heading on mobile view only so the screen can benefit from a full image?
This is a bit protracted now.
Thanks
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 768px) { .caption_fullwidth { bottom: auto!important; }}If you still have any issue please make sure the user role is set to admin for the credentials you provided we will need to inspect the backend settings.
Best regards,
VinayI would like as mentioned previously to remove the menu bar and logo as it covered the image . I would like the image to cover the full area and when user scrolls on MOBILE only the menu bar appears.
On mobile its too clunky even though I have two 3rd party features applied that is fine.
Hi,
Please set the user role to administrator so that we can modify the Quick CSS field or the style.css file. I can’t find the image described in the screenshot, it’s probably the missing item in the slider. Did you remove it in the media library?
Best regards,
IsmaelAdmin role set.
Media Library has been compromised since our hosting company restored data from their backup. However this issue has been from day1 installation of Enfold. The library is not fully as it was originally however, I dd not intensionally remove the image from the media library.
Hope we can get to the bottom of this along with my question on removing the header from mobile view to allow the whole image to be visible.
Thanks
Hi,
you can move your captions on mobile using this code:
@media only screen and (max-width: 767px) { .avia-caption-title { margin-top: 25px !important; }}However, I’m not sure if this is really what you want to achieve. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
Andy
- The topic ‘Slider cut off on mobile’ is closed to new replies.