Topic Resolution: Resolved
  • Closed
  • Tad Blake-Weber
    Spectator
    June 9, 2015 at 12:48 pm #17997

    Hi there,

    I have an issue where the header seems to be butting up against the menu area on a mobile device. How can I fix this? Here’s a screen shot:

    Frank Stellmacher
    Spectator
    Posts: 18
    June 9, 2015 at 4:15 pm #18000

    Hi Tad, I am not an expert, but I use .evolve+ theme and I fixed this Problem with custom css in theme option as follow:

    @media only screen and (max-width: 768px) {
    #logo-image {
    margin: 1!important;
    }
    .header {
    padding: 0;
    height: 200px !important;
    }
    #tagline, #social {
    display: none;
    }
    }

    You have to adjust the values of hight, etc. and if you want to show up the social, etc. on mobile as well, just remove that lines and put it in your custom css under theme options.

    I hope that helps.

    Best regards, Frank

    Tad Blake-Weber
    Spectator
    Posts: 7
    June 9, 2015 at 5:56 pm #18002

    Hey Frank,

    Thank you! I’ll give this a shot. Much appreciated.

    Tad Blake-Weber
    Spectator
    Posts: 7
    June 9, 2015 at 6:43 pm #18003

    Thanks, Frank!

    I used what you gave me and this is working great:

    @media only screen and (max-width: 768px) {
    #logo-image {
    margin: 1!important;
    }

    .header{
    padding-top:20px;
    height: 220px !important;
    }