Home Forums Theme Support Dokan E-Shopper slider is not normal when browser's width is short.

This topic is: resolved

This topic contains 9 replies, has 2 voices, and was last updated by  Mamoru 4 years, 4 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #34052

    Mamoru
    Member
    Post count: 32

    Dear Support team

    I'm using eshopper theme. And, I'm using slider on top menu.

    I met issue when i check my page with small browser window. (like mobile phone)
    Please see attached picture.

    with small window, I think slider's text should be located top of slider's picture.
    But, in my case, slider's text is still located on left of slider's picture.

    Could you teach me if there is any limitation of picture size?

    Thanks a lot.
    Mamoru

    #34055

    Nayem
    Moderator
    Post count: 6480

    Hello Mamoru,

    Please find this class in your theme's style.css file- .home .slide-container .slide-textarea in this class just rewrite the widht- as likewidth:auto;.

    Please check and let me know. Thank you ๐Ÿ™‚

    #34060

    Mamoru
    Member
    Post count: 32

    Dear Nayem
    Thank you for your support always.

    Phenomena is still same after change setting of width.
    I assume you may be misunderstanding my question. Sorry for my explanation was not enough.

    This issue is that there is difference between my slider and demo site's slider.
    Please see attached picture.

    I want to display slider's text as same as demo site.

    Please let me know if there is question.

    Thanks a lot.
    Mamoru

    #34065

    Nayem
    Moderator
    Post count: 6480

    Hello Mamoru,

    I am checking your issue. Allow me some time to find out the solution. Please keep patience and i i will back to you with a right solution.

    Thank you ๐Ÿ™‚

    #34067

    Mamoru
    Member
    Post count: 32

    Dear Nayem

    Thank you for your support always.
    Okay, I will wait your update.

    Thanks a lot.
    Mamoru

    #34103

    Nayem
    Moderator
    Post count: 6480

    Hello Mamoru,

    Please open E-shopper/assets/css/responsive.css and find this class- .home .slide-container .slide-image, .home .slide-container .slide-textarea. In this class write the width as width:100%!important. Hope it will solve your problem. Please check and let me know.

    Thank you ๐Ÿ™‚

    #34122

    Mamoru
    Member
    Post count: 32

    Dear Nayem
    Thank you for your support always.

    I have tested your modification.
    Test result is like this.

    Laptop : fixed.
    iphone5s(chrome) : fixed
    iphone5s(safari) : slider is not displayed.
    android(chrome) : issue is still happen
    android(firefox) : fixed
    android(normal browser ) : fixed.

    issue is still happen on android(chrome browser).
    And, new issue(slider is not displayed) is happen on ihpne5s(safari).

    Do you have any idea to fix it?

    Thanks a lot.
    Mamoru

    #34175

    Nayem
    Moderator
    Post count: 6480

    Hello Mamoru,

    Actually i have tried to help you with my best. Now about this last two issue, i will suggest you to discuss with a front-end designer. Expert front-end designer can help you about those issue.

    Thank you for understanding me ๐Ÿ™‚

    #34273

    Mamoru
    Member
    Post count: 32

    Dear Nayem
    Thank you for your support always.

    let me think about front-end design to fix issue.
    Let you know once we find something.

    BRs,
    Mamoru

    #34288

    Mamoru
    Member
    Post count: 32

    Dear Nayem

    After adjust picture size, We confirmed issue is not happen.
    Let me confirm with designer about picture size.

    We can close this issue.
    Thanks a lot.
    Mamoru

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘slider is not normal when browser's width is short.’ is closed to new replies.