Home Forums Art WordPress Theme mobile slider full screen and header layout(768px)

This topic contains 1 reply, has 2 voices, and was last updated by  SeaTheme 2 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #18811

    Aleum kim
    Participant
    Purchased
    Supported

    Hello, 🙂
    I need help with two questions before I finish this web(http://mahnamahna.co.kr/) work.

    1. The current main Desktop screen is full of slides. And
    Looking at this screen on mobile
    The contents of the slide fit the width.
    I wonder if it is possible for the contents of the slides to full up vertically on mobile.

    2. The header layout is out of sync with the 768px screen. T-T
    https://drive.google.com/file/d/15zq47S1zfaH24gdhuAaXNYytglPqNgrT/view?usp=sharing

    I hope this is my last question,
    Thank you for helping me so far.

    Best Regards

    #18814

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    1, Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

    @media only screen and (orientation : portrait) {
     .top-slider .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100vh;
        object-fit: cover;
     }
    }

    2, Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

    @media (min-width: 768px) and (max-width:900px) {
     #navi-header>div>ul>li { 
        margin-left: 18px;
     }
    }

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    • This reply was modified 2 months, 3 weeks ago by  SeaTheme.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!