Home Forums WoodMart support forum Promo banner on smartphone mode

Promo banner on smartphone mode

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

    cape512
    Participant

    Hi, I’m use 3 promo banners in page. In desktop all works great, but on tablet or mobile device somehow the text is invisible or the whole is not visible. Can you please help me?

    P.S. I have same problem with slider too. 🙁

    Attachments:
    You must be logged in to view attached files.
    #164509

    cape512
    Participant

    Desktop mode image…

    Attachments:
    You must be logged in to view attached files.
    #164512

    cape512
    Participant

    The problem with promo banner is solved. I will try to solve slider. Sorry and tnx.

    #164541

    Hello,

    We are glad you have solved the issue. If you have any questions please feel free to contact us.

    Best Regards

    #164562

    cape512
    Participant

    Hello,

    I solved promo banner but I have problem with slider. I just have pagination on desktop and tablet landscape. Why it’s hidden in another mode (smartphone)?

    I have problem with image on smartphone landscape mode, is not full width. I try to create slider with one image top and text bottom for tablet and mobile.
    I am sending you screenshots.

    Attachments:
    You must be logged in to view attached files.
    #164610

    Hello,

    Please provide the page URL I will provide custom CSS.

    Best Regards

    #164640

    cape512
    Participant
    #164679

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Mobile:

    body  .owl-carousel .owl-nav.disabled {
        display: inline-block;
    }

    Best Regards

    #164684

    cape512
    Participant

    Thanks for the reply but i haven’t problem with carousel arrows, I want them gone. I need pagination on mobile mode such as desktop and tablet landscape.
    I’m sending you a picture.

    Attachments:
    You must be logged in to view attached files.
    #164748

    Hello,

    Please replace the provided code with this one:

    @media (max-width: 768px){
    .woodmart-slider .owl-dots {
        display: inline-block;
    }
    }

    Best Regards

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