Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 23, 2013 at 2:43 pm #192257
    DaraEmerson

    Thanks!
    We would like to use the full-width responsive slider on the start page.
    The dimensions we are using is 1500px x 450px (tall)
    The responsive works well on an iPhone but on an iPad the slider takes up most of the space on the screen (not responsive?)

    It would be great to have a list of the optimum dimensions for various sizes of images:
    full-width images: width (+ height) we would especially like to have so that it works best in responsive mode.
    also full-width for images filling a full page (which has a sidebar.

    Is there anywhere a documentation on the best sizes/setting for photos?
    thanks!

    In addition:
    When the width of our site is narrower, the menu goes on top of the clients logo. We have changed the menu font size to 14 – is this the reason why this has happened? Any way around this?

    • This topic was modified 10 years, 12 months ago by DaraEmerson.
    November 24, 2013 at 4:30 am #192394
    Ismael

    Hi DaraEmerson!

    Edit the Fullwidth Easy slider then change the “Stretch image to fit the slideshow size?” to “No, don’t stretch the image”. It will not take up the whole width of the screen instead it will try to center align the images.

    Best regards,
    Ismael

    December 3, 2014 at 6:49 pm #362364
    Mary15Birds

    I am having the same issue with responsiveness and full width images.. some documentation as mentioned above by DaraEmerson could be really helpful. I have a 1500×600 image that I want to be full screen, I’ve tried adding as just an image and it won’t work, I’ve tried sliders and still it won’t work. I even tried uploading it at 6250 × 2533 and it still won’t go full width.

    It is the green/blue graphic with the copy: Applicant tracking, CRM, Back office.http://newweb.mindscope.com/

    Thanks!

    December 4, 2014 at 9:42 pm #363254
    Yigit

    Hi!

    Please add a Color Section element to your page with a unique ID ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png ) and then place your image inside it and add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-custom-id .container { max-width: 100%; padding: 0; margin: 0; }

    You can also set your image as Color Section’s background

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Optimum dimensions of full-width slider in responsive mode’ is closed to new replies.