Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 24, 2017 at 6:40 pm #782475
    tremblayly

    Hi
    My website is here: http://crescendo.staging.wpengine.com/fr/ (hosted on WPengine)

    My fullwidth sliders images and caption boxes are not being correctly displayed on my home page.

    I added the following CSS in my child theme custom styles.css
    @media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}
    #wrap_all {
    position: relative !important;
    }

    It helped with the main menu overlapping the logo, but not with the sliders.

    Any help would be greatly appreciated.

    Thanks
    Lyse

    April 25, 2017 at 8:55 pm #783097
    Victoria

    Hey tremblayly,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look. How do you want your slider to look like?

    Best regards,
    Victoria

    April 25, 2017 at 9:15 pm #783102
    tremblayly

    Hi Victoria,

    See credentials below

    Thanks
    Lyse

    April 26, 2017 at 12:27 am #783195
    tremblayly

    Hi Victoria,

    Just to clarify, I want my sliders to display the same as what we see on a desktop. Right now on mobile devices the image text overlaps the caption text.

    Thanks
    Lyse

    April 27, 2017 at 3:29 am #783755
    tremblayly

    Hi

    Any progress on this slider display issue. I’m launching this coming Monday and would like to see a solution to my issue

    I also replaced the slider images to the recommended Enfold size: 1500px by 430 px. But the size did not correct the issue.

    Here’s a revised link to my website: http://crescendo.staging.wpengine.com/ (hosted on WPengine)

    Thank you
    Lyse

    April 27, 2017 at 2:57 pm #784042
    Victoria

    Hi Lyse,

    In this case the image is very high contrast, no matter where you put the text, some part of it will get lost on the image.

    View post on imgur.com


    So you tell me where you want the text and I’ll try to put it there.
    Also for the mobile the logo should be small all the time, big one does not look good and overflows the nav area.

    Best regards,
    Victoria

    April 27, 2017 at 4:00 pm #784091
    tremblayly

    Hi Victoria,

    The slider text we are talking about is built into the image “SURPRENEZ VOUS”. So do you mean you can help me reproduce that text and place it where it should be on the slider image when viewing on mobile devices?

    I want the image to display exactly like it does on the desktop:
    – I can see all of the person in the slider image
    – I can see the “SURPRENEZ VOUS” text on the slider image on the person’s middle upper body
    – I can see my caption free of the image text.

    As for the logo size on the mobile, how do I get it to be small on the mobile devices?

    Thank you for responding quickly.
    Lyse

    May 1, 2017 at 5:16 am #785472
    Ismael

    Hi,

    Please use the full width easy slider instead of the full screen slider if you want to see the whole person and text in the slider image. The full screen slider applies the image as background and its background size property is set to “cover” (https://www.w3schools.com/cssref/css3_pr_background-size.asp) which means that it will force the image to cover the entire container but parts of the image might NOT be in view of the background positioning area in order to keep its aspect ratio. Another workaround is to add another slider specifically created for mobile.

    // http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Ismael

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