Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 12, 2017 at 6:31 am #819807
    anristudio

    Hello,

    I use Easy Slider, on desktop version of my website controls (left & right arrow) display okay however, on mobile they don’t.

    Three questions related to Easy Slider:

    1) How can I show (left & right arrow) on mobile version. (by default it is not there)
    2) How can I force portrait images on mobile to have fixed height of 380px?
    3) Could portrait images be auto-resized to 380px height with black bars on the sides
    or I have to manually resize and upload images with correct height?

    Login Credentials in Private.
    Thanks in advance!

    July 15, 2017 at 4:03 am #821523
    Ismael

    Hey onastvar,

    Thank you for using Enfold.

    1.) It’s possible to swipe on the sliders which is why the arrows are disabled by default. If you want to enable it back, use the following css code.

    @media only screen and (max-width: 767px) {
   .responsive #top .avia-slideshow-controls a {
       display: block;
   }
}

    2-3.) I’m sorry but it’s not possible to distinguished portrait and landscape images in the slider. You will have to manually control or resize the dimension of the images.

    Best regards,
    Ismael

    July 15, 2017 at 7:52 pm #821801
    anristudio

    Thank you so much Ismael!

    1) CSS code for slideshow controls worked on mobile.
    Is it possible to to move slideshow controls to the middle – right now they are on the bottom of the images?

    2) I have background image in color section on the home page,
    How could I display/resize so entire image display on mobile version?
    How could I control position of headline text only on mobile (i want to move it to the top)

    July 17, 2017 at 4:50 am #822294
    Ismael

    Hi,

    1.) Looks like you figured out how to adjust the position.

    2.) This is possible but you’ll have to distort the background images. Another workaround is to apply a different background image which is specifically resized for mobile. Could you please provide a link to the color section with the background images?

    Best regards,
    Ismael

    July 17, 2017 at 5:42 am #822309
    anristudio

    I figured out #1.
    for #2)
    I resized image to fit mobile screen, it works.
    However I see gray color below the image and text is also below.
    I’d like to display text on top of the image and get rid of gray color.

    Please see private data for #2.

    Thanks in advance!!

    July 18, 2017 at 6:49 am #823110
    Ismael

    Hi,

    Did you set the color section’s “Background Repeat” settings to “Stretch to Fit”? Please create a duplicate of the color section then adjust the “Screen Options” settings. Display the one with the video on desktop and the other on mobile.

    Best regards,
    Ismael

    July 18, 2017 at 9:03 am #823147
    anristudio

    I’m sorry, not sure if i understand.
    what exactly did you mean by:
    “adjust the “Screen Options” settings.”?

    I tried to create 2 color sections (1 with video only)
    and one with background image only
    result: on desktop i see video and background image below it.
    please help!

    July 20, 2017 at 4:04 am #824312
    Ismael

    Hi,

    Please edit the color sections then look for Screen Options tab. You can choose to display the first color section on desktop only and the other on mobile view. Make sure that you have the latest version of the theme which is version 4.1.1.

    Best regards,
    Ismael

    July 20, 2017 at 6:58 am #824394
    anristudio

    Thanks Ismael!
    I had version 4.07 which didn’t have Screen Options. Now I have version 4.11 Screen Options tab is there.

    I’m still having the issue.

    I created 2 color sections.

    1st color section is link to youtube video
    (checked all 4 Hide options on Screen Options tab)
    I still see blank on mobile
    Screen Options 1st color section

    2nd color section has background image (only for mobile)
    (checked first 3 Hide options on Screen Options tab)
    Image looks fine
    Screen Options 2nd color section

    I’m not sure if I’m doing this correctly,
    I feel like changes I’m making within Screen Options are not being respected.
    I cleared cache & restarted browsers (Firefox, Chrome, Safari) multiple times.

    How do I get rid of blank space from color section 1?
    How do I get rid of background image from color section 2 on desktop?

    Thanks in advance!

    P.S. Feel free to login to back-end to see what I’m seeing…2 color sections are on newly created “home-backup” page

    • This reply was modified 6 years, 9 months ago by anristudio.
    July 23, 2017 at 1:47 am #828530
    Ismael

    Hi,

    Looks like you you’ve hidden the first color section entirely based on the screenshot. All options in the Screen Options panel are checked. Did you apply the background image in the second color section?

    Best regards,
    Ismael

    July 23, 2017 at 6:56 am #828604
    anristudio

    I should not be seeing 2 color sections on desktop at all if 1st color section has all 4 options checked. I did apply background image in color section 2. I don’t think “screen options” changes are being respected here, I’m not sure why, any ideas? Thanks!

    July 26, 2017 at 4:27 am #829904
    Ismael

    Hi,

    Please post the login details in the private field so that we can check the page.

    Best regards,
    Ismael

    July 26, 2017 at 5:52 am #829952
    anristudio

    Thanks! Please see private

    • This reply was modified 6 years, 8 months ago by anristudio.
    July 31, 2017 at 6:21 am #831960
    Ismael

    Hi,

    There’s a few invalid css modifications and the header.php file in the child has not been updated. Please get a fresh copy of the file from the parent theme folder then re-do the modifications.

    Best regards,
    Ismael

    July 31, 2017 at 3:40 pm #832184
    anristudio

    Thanks so much for your help! I downloaded newest child theme (replaced entire folder), also replaced header.php (from my latest download version of enfold 4.12) added back custom CSS to Quick CSS.

    I think screen options settings are now being respected.

    Couple of questions:

    1) How do files in child theme get updated?
    2) I updated theme to latest, would the latest update provide latest update for header.php?
    3) How can I find out what are invalid CSS modification, are you able to point them out?

    Thanks.

    • This reply was modified 6 years, 8 months ago by anristudio.
    August 2, 2017 at 8:31 am #833259
    Ismael

    Hi,

    1.) You have to update it manually. The template files are not usually changed but since there are new added options, specially in the menus, it had to be updated.

    2.) Again, if the template file is overwritten in the child theme, it won’t update automatically.

    3.) There are missing curly braces and semicolons. You can check css code errors here: http://csslint.net

    Best regards,
    Ismael

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