-
Posts
-
Hi there,
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?
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).
If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.This reply is private.If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.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?
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.
If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.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.com
@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).
If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.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
Nothing Found
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.
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.
If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.
The topic ‘Tablet & Phone Header area issues’ is closed to new replies.