Hi, posting this question here because I’ve tried messaging the theme developer twice and he’s not responded (this seems to be a thing, so it seems from searching related posts).
So, I’m trying to put a site together using a theme I purchased. On desktop or iPad landscape, the site generally looks OK. However, it’s when I look at it in iPad portrait or iPhone that things seem to go awry. A big salmon coloured band appears at the top of the page under the menu navigation - which I’d really like to get rid of! Was hoping there’s some custom CSS that I could put in the master code that would do the trick.
Additionally, the title for a blog post seems to shrink when you actually click on the post title (it’s like it’s not using the same font size as when it’s displayed in the main blog page).
Using RW 7.5.7 and site address is http://www.pinkchicken.net/ - I don’t believe the theme developer has ever done any updates to it since creation.
The banner image is only not used on the front page. The other pages (blog, photo gallery, links, etc…) all use banner images - the salmon area still remains. Hiding the banner would also get rid of the image.
I did try this, but the halving of the title text size still remains - when I’ve tried using px and %.
I didn’t see that code on the published page. I don’t use % or EM’s for font size. I try and stay with REM’s and/or just PX.
EM’s are relative to the direct parent. That can get a bit messy if the parent size gets changed. REM’s are relative to the root unit that’ll always be based upon the font-size value of the root element, which is the <html> element. Most browsers default to 16px on the html tag unless you change it with CSS. Makes it a lot simpler to keep track of.
You can try to get more specific with the selector: