good theme but problems on mobile

  • Love the theme but on my android phone there is a blank bar at the top, and then underneath that blank bar is the admin bar. Both are equal height so it seems like there is a bug where the admin bar is being pushed down? It covers the logo and looks really ugly on mobile. I’m using buddypress but the theme says it is buddypress compatible.

Viewing 10 replies - 1 through 10 (of 10 total)

  • Please provide your website url

    Thread Starter tsumeone

    (@tsumeone)

    https://tnfurs.net/app/

    you can also reproduce the problem if you resize the browser window really small

    the issue is caused by this css

    html { margin-top: 46px !important; }

    this is not included in the evolve theme so I assume you code it or using a plugin which adding this piece of code.

    screenshot of the theme with buddypress enabled https://prntscr.com/7a9xkh

    Thread Starter tsumeone

    (@tsumeone)

    That actually appears to be part of the default WP CSS (check the admin-bar css files, you will find it)

    Problem is if you delete that, then the admin bar still covers the banner. The problem is that for some reason when the page is made smaller, the admin bar moves down 46px instead of staying on top overlapping the 46px buffer it made itself so that it does not overlap the header image.

    Thread Starter tsumeone

    (@tsumeone)

    problem happens when screen is exactly 600px or less, so it seems to be related to this part of admin-bar.css and interaction with the theme

    /* Smartphone */
    @media screen and (max-width: 600px) {

    Thread Starter tsumeone

    (@tsumeone)

    Removing this section right under the one in my previous post fixed the problem! Now if only I knew how to fix it without editing the core wordpress css files (always makes me nervous touching those)

    #wpadminbar {
    position: absolute;
    }

    you can add the code in Theme Options -> Custom CSS

    Hi, Romik84 – I am using the Evolve theme and it is not responsive on mobile at all and barely on tablets. Can you please look at my website and help? https://robinsnestcopywriting.com/ Also – when I recently updated the theme, a code showed up on my homepage and I don’t know how to get rid of it. Any assistance is greatly appreciated.

    Thread Starter tsumeone

    (@tsumeone)

    Your site looks fine to me on my android phone. I do wish they’d have the menu button on the left (I did this with CSS on my site) and also show the title of the page you are on to the right of it (not sure how to do that). Looks weird in the middle.

    One thing you might want to do is toss the below in your custom CSS. It will make the header logo align to the left on mobile, instead of center (default) which looks really bad.

    .custom-header {
	background-position: 0 0;
}

    I appreciate your response and assistance. I am on an IPhone and it looks awful … maybe that’s the problem?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘good theme but problems on mobile’ is closed to new replies.