Help with header & mobile adaptions

For this issue

@media(max-width:525px){
.logo-header3.wpb_column.vc_column_container.vc_col-sm-4.vc_col-lg-2.vc_col-md-3.vc_col-ss-4.vc_col-xs-12 {
    display: none;
}
}

for your 2nd issue

@media(max-width:525px){
.wpb_column.vc_column_container.vc_col-sm-6 {
    width: 50%;
    display: inline-block;
}
}

let me know if it’s fine for you

Thanks

• This reply was modified 3 years, 3 months ago by yogeshyadav20.

After updated above CSS, it’s look like the attachment

https://www.awesomescreenshot.com/image/16632816?key=2a8818448edf46fa84a4495af2538cb1

Hi Yogesh,

thank you so much for your help but I explained the problem was not right. I want the logo “MONTE OFELIO” in the header but I want the space between the top of the website and the line where the menu, social media icons and language button is, to be the equal. Now it the logo sticks on the top of the website. Is that possible?

Thank you so much!

Best,
Kerstin

Something like attachmnet?
https://www.awesomescreenshot.com/image/16672572?key=38300e91ede79f4e6f9f0dd2bb86a5cd

if yes

theh

.wpb_wrapper .logo {
    border-bottom: 1px solid #333;
}
.d-flex.header-logo {
    padding: 20px 0;
}

replace #333 with your expected line color

Hi Yogesh,

that’s exactly what I meant – thank you so much! But what code do I have to insert additionally that I this effect just appears on the mobile version and not on the desktop version? Thank you so much for your support. I really appreciate it!

Best,
Kerstin

@media(max-width:525px){
.wpb_wrapper .logo {
border-bottom: 1px solid #333;
}
.d-flex.header-logo {
padding: 20px 0;
}
}

Amazing, thank you so much! You’ve helped me a lot. I really appreciate it.

Best,
Kerstin