Adventure Pro mobile version problems

Home Forums All Other Themes Adventure Pro mobile version problems

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #102208
    Peeter
    Participant
    • Topics: 27
    • Replies: 35
    • Total: 62
    Member since: January 11, 2016

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

    First:

    View post on imgur.com


    The logo seems to be squeezed in the mobile version. Also, how can I get rid of the MENU icon with three lines?

    Second:

    View post on imgur.com


    The promobox2 buttons are off. How could I center them in the mobile version?

    Third:

    View post on imgur.com


    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

    #102227
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    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

    #102375
    Peeter
    Participant
    • Topics: 27
    • Replies: 35
    • Total: 62
    Member since: January 11, 2016

    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.

    #102452
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013
    @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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.