Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
Search Results for 'ipad'
-
Search Results
-
In forum: Virtue Theme
Topic: Retina logo question
Hi,
on google chrome inspect elements – toggle device mode, on Apple Ipad (landscape), Google Nexus 10 (landscape) and Laptop with HiDPI screen, the logo (.kad-retina-logo) is increasing and decreasing size when scrolling content, see video video.
When I remove the retina-logo from the header the logo stay the same.
Here is the link of the site link siteI do not have the possibility to check it on ipad live, maybe you can, please, thanks, Gabi
In forum: Virtue ThemeIn reply to: Stack with centering footer content on mobile
This reply has been marked as private.In forum: Virtue ThemeIn reply to: Stack with centering footer content on mobile
This reply has been marked as private.In forum: Virtue ThemeIn reply to: Stack with centering footer content on mobile
This reply has been marked as private.In forum: Virtue ThemeI contacted Blue Host and they stated all of my PHP’s are up to date and my memory has been increased to 512MB. They too see that both slides are loading. But my computer (mac), phone (S6) and iPad all load the same way no matter if I am at home or office.
Regarding the buttons: Width and height are set to auto and the sizing is still not consistent.
In forum: Virtue ThemeIn reply to: question revolution slider
Thank you ben,
When I enter the site below … I see the icon of the revoution slider. And I don’t want to.
Another question: the slider revolution is not responsive? On iPad and Smartphones, the image is cropped.
Thank you
FrancescoIn forum: Virtue ThemeHi,
On an iPad in landscape mode, the mobile menu is displayed in the upper right corner next to the logo and sometimes over the logo. I would like the mobile menu to be displayed as 100% width (Text menu and hamburger icon). In portait mode or on PC at any width it displays fine. Please see soft79.nl or que-rico.nl.
Is this easy to achieve with css?
thanks!
In forum: Virtue ThemeWhen I upload an image with “image menu item” widget the images keep appearing and disappearing…black squares…as I am building the page. Curiously, they are always there when I pull up website on my iPad and iPhone but they are not there on my desktop.
In forum: Virtue ThemeOn an Ipad on landscape it should still have logo on the left and your widget area on the right. The only change should be the menu. For touch it should be a touch menu but that should be the only difference.
I see you have this back in on your site?
@media (min-width: 992px) {.boxed header.banner.headerclass { position: absolute; top: 1; left: 0; width: 100%; margin: 0; } .boxed .contentclass { padding-top: 179px; } }If you want to leave it thats fine, just add this then:
@media only screen and (device-width: 768px) { .boxed header.banner.headerclass { position: static; top: auto; left: auto; width: auto; margin: 0 -15px; } .boxed .contentclass { padding-top: 0px; } }Make sure it’s added after your other css.
If your seeing something off more then just the slider riding up on the menu please post a screen shot. I’m only seeing that your header is not working correctly with the menu because of the css your adding.
Ben
In forum: Virtue ThemeOk, here’s what happened when I replaced the code:
The image placement became the same as that on smaller screens, however the display on the smaller screens became completed messed-up. (Images where pushed way up, covering like 1/2 the header.) Also, this doesn’t address the fact that the logo stays left aligned and wraps the tagline weird. It would be better to just have a centered header at that width, like on the smaller screens, so that any tagline wrapping occurs centered (like on iPhone) instead of left-aligned.
It just looks particularly bad on landscape iPad. Even if landscape just got the same layout (stacked header) as vertical, that would be fine. Though in both cases, when they stack they should center, just like on smaller screens.
Thoughts? Another try at CSS adjustments? (Remember, we don’t want to break the desktop view nor the small-screen/phone view. We just want to fix centering and stacking of header items on iPad both landscape and portrait aspects, and force the header to stack and center, and the slider to position correctly on landscape aspect, all without breaking the other views.)
It does seem to be a little tricky, and the things I tried didn’t come together either. I’m sure we’ll find it. It’s just CSS…it can’t be THAT hard! lol
In forum: Virtue ThemeLooks like you are adding this, which would effect the ipad negatively on landscape since the ipad is more then 992px wide:
@media (min-width: 992px) {.boxed header.banner.headerclass {
position: absolute; top: 1; left: 0; width: 100%; margin: 0;
}
.boxed .contentclass {
padding-top: 179px;
}
}So change that to this:
@media (min-width: 992px) not (device-width: 768px) {.boxed header.banner.headerclass { position: absolute; top: 1; left: 0; width: 100%; margin: 0; } .boxed .contentclass { padding-top: 179px; } }Ben
Looks good on iPhone and Desktop. Looks good on iPad portrait/vertically, but kind of poor landscape/horizontally. (It’s not absolutely terrible when you shrink the browser and look at what SHOULD be showing you the iPad horizontal view, but not quite – if you look at it on an actual iPad, it looks pretty rough. Perfectly satisfied with the look and feel of the Desktop and Phone displays. The landscape iPad display is just not presentable though.)
Any quick CSS or suggestions to make it look more consistent and pleasant on the landscape iPad, too?
(I can give you credentials/access privately, if needed. Thanks!)
Appreciated,
-DanIn forum: Virtue ThemeIn reply to: mobile nav quirk
Ah… think I might have found a solution 🙂
Back last spring, I had a similar iPad problem on another site and you suggested I added this to the CSS:
header .nav-trigger .nav-trigger-case { position: static; }Just tried that on the offchance and it worked!!!
Only thing now is it is now far left. Any way to float (or something) it right?
Cheers, Colin
In forum: Virtue ThemeIn reply to: mobile nav quirk
Thanks Ben.
Well… that works (as did the original) on a PC screen (and I quickly tested a 100px ‘drop’ to verify the new code is working), but I’ve just been shown a photo of the iPad still showing the hamburger over the image, unmoved. So I just borrowed an iPad to check.
On portrait it’s fine and no idea if it was fine before (“I never use it in portrait”), but in landscape it still has the same overlap. Put the magic javasript bookmark thing into the iPad Safari to check source, and your CSS is showing fine.
Any ideas?
In forum: Virtue ThemeTopic: mobile nav quirk
Hi Ben
This is one thing I haven’t fiddled with at all and is working well on all browsers on a laptop! The issue is the mobile navigation icon (the ‘hamburger’). You have it set so that when triggered, the text menu disappears and the hamburger drops to just below the header region and the client likes that when shown on a PC screen by resizing the browser. Nothing needs changing.
But when the site is opened on an actual iPhone or iPad (and I’m told on an android tablet as well), the hamburger does not drop enough and still overlies the header graphics. I guess this needs some CSS wizardry to keep the PC behaviour ‘as is’ but to drop it a tad more on an actual tablet/phone. Is this even practical?
Same site as usual – cobblestonegallery.co.uk.
Cheers, Colin
In forum: Virtue ThemeIn reply to: Ipad mini responsive issue
Hi Ben,
Thanks for your reply.
Yes I’m using Safari.
I’ve just checked again just to make sure there wasn’t any zoom and on first loading of the page (in landscape view) the site loads correctly. I switch to portrait it works but when going back to landscape the rotation causes only half the site to show. If I refresh the page it stays this way until I zoom out ‘finger pinch’.It would seem the issue is with the Ipad mini but when looking at another site using the same theme I cannot get the ‘zoom’ effect to occur.
Very strange. What could cause this to occur?Thanks for your help,
AnthonyIn forum: Virtue ThemeHi there,
I have a client who is getting an error on her Virtue website when people are trying to checkout via Paypal (Woocommerce)
The error is as follows and only occurs when checking out on Iphones and iPads:
Syntax Error: JSON Parse error: Unrecognised token ‘<‘
The site in question is *Login to see link
I’ve tried to replicate the error myself on an iphone4s, 5s and ipad mini, but am unable to, so all I have to go on is a screenshot of the error that the client sent to me.
Wordpress, Plugins and the Theme are all up to date.
I’m not even sure if this is theme related (so if not, I sincerely apologise) but was hoping someone might know how to troubleshoot/fix this before I have to pay a developer to.
Thanks in advance,
Steve
In forum: Virtue ThemeIn reply to: Mobile menu dropdwon doesn't work corretly
The site & menu works well when I use my laptop, but not when I use my IPhone. Did you looked at the site with a mobile Phone or IPad?
Servaas
In forum: Virtue ThemeHí, I just updated from Virtue to Virtue Premium, but I see that the dropdown menu from my website on a mobile Phone doesn’t work anymore. When touching the menu with your finger (on an IPad or IPhone) you see the menu dropdown for a split second, but than it closes again..??? I cannot make a selection…
Any idea what to do?
In forum: Virtue ThemeTopic: Ipad mini responsive issue
Hi,
We have a site under construction and works great on most devices but for some reason the site is not responsive when using the Ipad mini.
In portrait view everything is fine but once you turn the screen to landscape view only 3/4 of the site can be seen (swiping around is required to view the rest of the page).I will send admin details in a private reply in case you need them.
Thank you again for the amazing support,
Anthony
