We’ve been working on another site and trying to get the header to be responsive on mobile…and it’s not working out at all. We thought this theme (Metro-Pro) was supposed to be mobile responsive. When the header loads on a mobile device, the entire center section of the header becomes non-existant …. OR …. the header image that was placed there via the dashboard option to use a header image gets reduced to an incredibly small size. Please look at the url provided and advise.http://besearched.biz/abbamovers/
You will need to split your header image into 2 different parts for the mobile responsive so that it does not get squished very small.
Ok, that sounds like a reasonable solution. However, that is something I’ve never had to try to do before. Do I bypass the dashboard Appearance panel for the header altogether? I have to assume this is done through the CSS, can you please provide a little more of a clue?
I always bypass the Appearance panel and do it directly in the css, more control that way. You can make 2 separate images for the header area, one of them will be in the title area, the other can be a background image in the header or use a second text widget in the header. You will have to adjust the width of the title area which is too large at the moment.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.