mobile slider full screen and header layout(768px)

[Aleum kim]

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

[SeaTheme]

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.com – Twitter – Facebook

[Author]

Posts