Home Forums Pro Themes Mediclean Pro Featured slider look on mobile website

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #68703
    Anna Wanland
    Participant

    Dear WenSolutions,

    I have noted that the featured slider does not look optimal on the mobile website of our site (http://www.medicalimagingtechnologies.com/). As you can see, the header (the area where the menu is) is displayed on top of the featured slider and hence the text is not visible.

    Any advice on how to solve it will be most appreciated. Thanks!

    Kindest regards,

    Anna

    #68709
    wensolutions
    Keymaster

    Hello anna,

    To fix the issue you have mentioned, please use below given CSS in Additional CSS.

    #main-slider,#main-slider .cycle-slide,#main-slider img {
        min-height: 200px;
    }
    
    .site-branding {
        width: 25%;
    }

    Hope this helps.

    Best Regards!!

    #68727
    Anna Wanland
    Participant

    Hi!

    Thanks a lot, yes, with some adjustments that works fine! I can see though, that images are getting stretched/skewed. Could you please remind me again, what is the recommended image size for the featured slider?

    By coincidence I now noticed that the caption text is not showing in the mobile version of the featured slider, only the title text. Is it designed like that on purpose or is it a bug?

    Sincerely,

    Anna

    #68751
    wensolutions
    Keymaster

    Hello anna,

    The images are stretched out because of your image size. The recommended size of the image used in the slider is mentioned in feature image section of page/post edit screen itself as you can see in below given screenshot:

    Screenshots:

    https://prnt.sc/iwuvyf

    Also, yes the caption is disabled in the mobile version as the whole of the section will be occupied by the text part.

    Hope this clears confusion.

    If you have any issue further, please let us know.

    Best Regards!!

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