Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 9, 2018 at 11:27 am #910200
    emanuelecocchiaro

    Hi Enfold-Team!
    The pics of the horizontal gallery on mobile view are appearing cropped.
    How can I change this? I need to see them full size.
    Here is the website http://www.icherubiniabbigliamento.it/home and the gallery is on the homepage

    February 9, 2018 at 1:25 pm #910243
    Mike

    Hey emanuelecocchiaro,
    Please try editing /wp-content/themes/enfold/css/shortcodes.css
    on line 3814 you will find this code:

    .responsive .av-horizontal-gallery-img{ height: auto; width: 100%; 
			-webkit-transform: 	translate(0, -50%); 
			-ms-transform: 		translate(0, -50%);
			transform: 			translate(0, -50%);
			top:50%;
			position: relative;
		}

    change to look like this:

    /*.responsive .av-horizontal-gallery-img{ height: auto; width: 100%; 
			-webkit-transform: 	translate(0, -50%); 
			-ms-transform: 		translate(0, -50%);
			transform: 			translate(0, -50%);
			top:50%;
			position: relative;
		}*/

    If this works for you you can add this modify copy to your child theme.

    Best regards,
    Mike

    February 9, 2018 at 1:49 pm #910252
    emanuelecocchiaro

    Hi Mike thanks for your help, I did what you wrote but nothing changed, may you take a look please?

    February 9, 2018 at 2:09 pm #910259
    Mike

    Hi,
    Sorry, from within WordPress > Appearance > Editor
    the file doesn’t show the change:
    2018-02-09_070157
    But this change should really be made via ftp or the file manager in cPanel because of the way WordPress now handles the editor.

    Best regards,
    Mike

    February 9, 2018 at 5:14 pm #910316
    emanuelecocchiaro

    Hi mike, thanks for your reply. I tried doing what you said via ftp but nothing changes. Other suggestions?

    February 10, 2018 at 12:22 am #910442
    Mike

    Hi,
    Thank you for making this change, I see the expected results.
    Perhaps try clearing your browser cache. Please see screenshot in Private Content area.

    Best regards,
    Mike

    August 24, 2018 at 8:46 am #1001062
    Stepconsulting

    Hi,
    i cannot find this line in my shortcodes.css.
    And I’m having the same problem on mobile, the pictures are cropped.

    Regards,
    Anita

    August 24, 2018 at 1:11 pm #1001193
    Mike

    Hi,
    The code has been moved to:
    \enfold\config-templatebuilder\avia-shortcodes\gallery_horizontal\gallery_horizontal.css
    line 155 – line 161

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Horizontal gallery cropped on mobile’ is closed to new replies.