Adventure Pro mobile version problems

[Peeter]

Hi,
I’m having some trouble with the mobile version of my site: http://klaasparlimang.erpmusic.com/en

First:
https://imgur.com/a/bM9bD5y
The logo seems to be squeezed in the mobile version. Also, how can I get rid of the MENU icon with three lines?

Second:
https://imgur.com/a/Y2BkpyP
The promobox2 buttons are off. How could I center them in the mobile version?

Third:
https://imgur.com/a/QqrIbWP
The festival newsletter input box is too long in the mobile version.. how could I fix it?

Fourth:
How could I have a different homepage for mobile version?

I know it’s a alot of questions.. but I’d really appreciate the help.

THanks in advancec

[Sonl Sinha]

Hi,

Kindly go to Appearance » Theme Options » Basic Settings » Custom CSS and paste below code there:

@media (max-width: 1023px){
.header .logo img {
    margin-bottom: 15px !important;
    height: auto !important;
}

.header #simple-menu {
    display: none;
}
}

Regards,
Shri

[Peeter]

Thanks,
This fixes the menu symbol and the logo problems. I’m grateful.

But the other things – promobox2 buttons location and newsletter input box lenght? And how could I set a different homepage for mobile devices? I’d really appreciate if you could help me out with those too 🙂

Greets and sunshine,
J.

[Sonl Sinha]

@media screen and (max-width:479px) {
.squarebox { min-height:150px;}
.view-all-btn { margin-top: 0 !important; margin-right: 0 !important; text-align: center !important;}
.home_section3_content .sktmore { padding: 17px 30px !important; margin: auto !important; display: table; float: none;}
.newsletter-form input[type="submit"] { right:28px;}
.newsletter-form input[type="email"] { width:92% !important;}
}

Regards,
Shri

[Author]

Posts