When I try to minimize window or have a look of the website in iphone, the white space above header image becomes larger and awkward.
Is there a solution to keep the white space same as orginal size.
in your css on line 191 if you change the margin-top:180px to padding-top: 180px that will fix the white space at the top
The problem got solved. However I noticed that the same issue happens with the secondary nav bar. White space becomes large when window minimizes. Any suggestions ?
It is being caused by the same style from above #title-area
The padding 180px is causing the issues on the smaller mobile screen. You need to change the padding in your media queries I would add the #title-area to @media only screen and (max-width: 480px) and reduce the padding to maybe 50px
Thank you and appreciated.
This solves the issue
Glad it worked
You must be logged in to reply to this topic.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!