Please provide your website url
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 http://prntscr.com/7a9xkh
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.
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) {
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? http://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.
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?
