October 28th, 2017 at 01:28 #55310
I am having trouble with Tempera on the tablet/phone layout. On desktop, the site logo text only takes up (horizontally) 30% of the screen with black space to the right side, and the vertical size is correct. When I switch to Tablet/Phone, the header area becomes huge and the text stays in the right position, but the header areas’ black section ‘moves down’ and fills up the screen and pushes the main nav bar way down.
I hope i’m describing this correctly. I have pictures I can upload if needed. Thank you.
In addition – I am also having the issue where the ‘menu’ button on the phone is not working. In other posts, you say that its due to the header or the footer file being changed, but I have not changed either and its still not working. Any ideas?October 28th, 2017 at 23:47 #55348
A picture would explain what you’re seeing, but a link to the site would be the preferred option (so I can take a look and investigate what and why is happening).October 30th, 2017 at 22:52 #55399This reply is private.November 3rd, 2017 at 13:01 #55536November 4th, 2017 at 00:22 #55597
Whoa, when/where did that error appear?
It has been a little wonky, I was using the ‘X’ theme, but it is messy thats why i want to switch to your themes. Although I have not changed anything on the back end, so Im surprised by that error (and thus my original question).
I might try a full backup/reinstall. Is Tempera compatible with Contact Form 7?November 5th, 2017 at 21:02 #55626
The site works now so I was able to take a look.
There is some outputted content before the beginning <html> tag. This usually breaks responsiveness and mobile devices handling of the site. You need to figure out where that output comes from and correct it.
Yes, Tempera works with Contact Form 7.November 10th, 2017 at 19:09 #55820Dave HerrimanPower User
I think I’m having a similar issue: responsiveness kicks in and displays the main menu “burger” when viewed vertically on a cell phone, but horizontally on a tablet the menu is too wide to fit within that space, not wide enough to trigger the burger, so it wraps to a second line.
Can I alter the height of the menu bar itself? If I have to settle and accept the wrapping behavior for some displays, maybe having a shorter overall height wouldn’t be so bad.
In searching these forums, I think I’ve seen that in some themes the menu height is also controlled by the header height setting, but that does not appear to be the case with Tempera. Is there a custom line of CSS I could insert to specify menu height via “menu” or “prime_nav”? Or is there a better way to handle this format variable?
Website: openrangefellowship.comNovember 14th, 2017 at 15:58 #55974
@herriman007: the mobile menu gets triggered at 640px width (and below). There’s no easy way to activate it earlier (with just a couple of lines of CSS). The whole block of CSS controlling the mobile menu would need to be duplicated and added to a new breakpoint (around 880px for your site).November 14th, 2017 at 16:45 #55985Dave HerrimanPower User
Ok then Zed, thanks very much for the reply.February 5th, 2018 at 17:03 #59404
I hope this is ok to post but I have a tempera site (meguk.ac.uk) with responsiveness set on and a presentation page with no slider but several cryout columns enabled. Posts are disabled on the presentation page. On android smartphones and iphones we seem to get the collapsed menu and header image and then
Apologies but no results were found for the requested archive. Perhaps searching will help find a related post.
Under this is a search box.
Any help appreciated.
Jeff.February 10th, 2018 at 22:20 #59667
Are you seeing the same design (colors/layout) on mobile devices?
If not, you might have Jetpack’s mobile theme feature activated on your site.February 12th, 2018 at 09:26 #59732
That’s exactly what it was – bloomin’ jetpack!
The topic ‘Tablet & Phone Header area issues’ is closed to new replies.