Search Results for 'ipad'

[Michael]

Michael

#117482

Has anyone noticed the Virtue PRO theme disappearing altogether on IOS10 Safari? I’ve been testing a new website, and intermittently it appears on my IOS10 device (an iPhone 7 plus, and an iPad Mini) as an unformatted list of links.

It’s a bug in IOS 10. if I power down and power up my device, it seems to clear the problem; similarly it clears up if I go into settings and clear history. Still, it’s annoying, and it makes me concerned about deploying the site, as I’m worried other folks may have similar problems and won’t know how to fix them.

[Michael]

Michael

#117482

Has anyone noticed the Virtue PRO theme disappearing altogether on IOS10 Safari? I’ve been testing a new website, and intermittently it appears on my IOS10 device (an iPhone 7 plus, and an iPad Mini) as an unformatted list of links.

It’s a bug in IOS 10. if I power down and power up my device, it seems to clear the problem; similarly it clears up if I go into settings and clear history. Still, it’s annoying, and it makes me concerned about deploying the site, as I’m worried other folks may have similar problems and won’t know how to fix them.

[Martin]

Martin

#117460

Hi All,

I am really struggling with this one, I am using virtue premium and I am trying to get a desktop and mobile layout for the header area to work for a particular client.

I have a demo site on asbreport.co.uk. and on the desktop this renders perfectly, however on the iPad landscape the menu drops one item down (contact us) and in addition on the top bar I seem to get BOTH the top bar menu and also the three line menu icon dropped down one line.

I currently have the following css on the site.

#topbar .kad-topbar-right {
width: 50%;
float: left;
}
#topbar .kad-topbar-left, #topbar .kad-topbar-left .topbarmenu {
float: right;
/* width: 50%; */
}

div.textwidget {
padding-top: 5px;
}

@media (min-width: 992px) {
.col-md-12.kad-header-right {
width: 50%;
float: right;
margin-top: -75px;
margin-right: -20px;
padding-right: 0;
}
.kad-header-widget h2 {
padding-top: 20px;
text-align: right !important;
}
}

blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: “201C””201D””2018″”2019″;
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}

.page-header {
display: none;
}

@media all {
h4, h5, h6 {
margin-top: 18px;
margin-bottom: 10px;
}
}

@media all {
[class*=”wp-image”] {
display: inline;
}
}

I can provide a login if required.

Can you help me to get to a point where the iPad view is the same as the desktop view?

[Martin]

Martin

#117460

Hi All,

I am really struggling with this one, I am using virtue premium and I am trying to get a desktop and mobile layout for the header area to work for a particular client.

I have a demo site on asbreport.co.uk. and on the desktop this renders perfectly, however on the iPad landscape the menu drops one item down (contact us) and in addition on the top bar I seem to get BOTH the top bar menu and also the three line menu icon dropped down one line.

I currently have the following css on the site.

#topbar .kad-topbar-right {
width: 50%;
float: left;
}
#topbar .kad-topbar-left, #topbar .kad-topbar-left .topbarmenu {
float: right;
/* width: 50%; */
}

div.textwidget {
padding-top: 5px;
}

@media (min-width: 992px) {
.col-md-12.kad-header-right {
width: 50%;
float: right;
margin-top: -75px;
margin-right: -20px;
padding-right: 0;
}
.kad-header-widget h2 {
padding-top: 20px;
text-align: right !important;
}
}

blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: “201C””201D””2018″”2019″;
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}

.page-header {
display: none;
}

@media all {
h4, h5, h6 {
margin-top: 18px;
margin-bottom: 10px;
}
}

@media all {
[class*=”wp-image”] {
display: inline;
}
}

I can provide a login if required.

Can you help me to get to a point where the iPad view is the same as the desktop view?

[Martin]

Martin

#117279

Hi folks I am currently setting up a website using Pinnacle for a client and I would like to change the css so that there is no mobile menu until the screen size is smaller than an iPad. Is this doable?

Many thanks

[Martin]

Martin

#117279

Hi folks I am currently setting up a website using Pinnacle for a client and I would like to change the css so that there is no mobile menu until the screen size is smaller than an iPad. Is this doable?

Many thanks

[Czarina Maye]

Czarina Maye

#117157

Hi there!

This is my thread and I have width issues again but this time with http://nathaniels.com.ph/gallery/. Here’s the portrait view from my ipad and there’s an annoying line in between the title page and gallery. See link for screenshot: http://imgur.com/a/02lVa

[Indigo]

Indigo

#116915

Hmmm, both Chrome and Firefox windows have been sitting for some time with that page and haven’t loaded. It’s definitely not compression issue, the images are already compressed for the site. The images load lightening fast and I know it’s not those images specifically because when I rearrange the images, the missing ones appear and the ones that were put in the place where the other images were, they disappear into the gray blocks. I had a friend test on her MAC with OSX Yosemite and her updated browsers and she says that she can see all the images. I checked my iPad Air and the images are all there.

I am thinking that the limitation for the code has been reached with my version of those two browsers.

As for the border, I don’t have an option in the Misc that offers a “Hide Image Border” option.

[Danielle]

Danielle

#116135

So far Safari on the iPhone, Browsie and default Blackberry browser, and Chrome on the iPad Mini.

[Patrick]

Patrick

#115726

Hi Hannah,

My encounter so far is that most of the time , laptop , desk TOP and PC does have the appearance I am after. However , when it comes to the mobile phone , it seems part of it got cut off. In this classic case , the hamburger icon for a drop down menu is being display with the menu option by the side in the TOP bar for PC , desktop and Tablets or ipad. However , when it comes to handphone or iphone , only the hamburger icon is left, the list of menu options just got off.

How to get it back on the handphone or iphone ?

Thanks.
Patrick

[Patrick]

Patrick

#115723

Maybe I should clear, the current setting is that , in the laptop and ipad , I think u can see both the hamburger icon along with the menu options by the side. But for handphone , you can only see the hamburger icon. So how can I make both the hamburger icon and the menu options appear in the iphone or handphone settings ? That’s what I want to achieve.

Thank you.

[jason]

jason

#114443

Hi please help i have no search button on ipad drop down menu in portrait mode i need this as is critical for my business. i only can get it in horizontal mode. A real pain.

[jason]

jason

#114443

Hi please help i have no search button on ipad drop down menu in portrait mode i need this as is critical for my business. i only can get it in horizontal mode. A real pain.

[Ben Ritner]

Ben Ritner

#113539

Hey,

You wrote : “looks like the ipad pro is using the css for the desktop computers”. And that is right your just thinking about it wrong. There is not “desktop” css and mobile css. It’s all the same css designed to change based on screen size. Weather thats your browser window or your device.

Now it’s looks like your using version 1.3.3 of the theme. Can you tell me why your not updating?

Also I don’t see the css I sent in your custom css box. are you adding it? Where?

Ben

[David]

David

#113526

Thanks for the answers,

I did the change but looks like the ipad pro is using the css for the desktop computers, I’m not sure why ;(

Any idea? or maybe I can check using php? or something like that.

David Ramirez

[Ben Ritner]

Ben Ritner

#113380

Hey so mobile browser don’t work well with background-attachment: fixed; so even though the ipad pro is a desktop screen size it’s not going to work with functions like parallax or a fixed background because it’s using a mobile browser.

So you would need to add this css:

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
.kad-slider-parallax .kad-slider .kad-slide {
    background-attachment: scroll !important;
}
}

Ben

[Chistine]

Chistine

#113285

Yup, that seems to be the problem. Rotating the iPad forces it to update their positioning and fixes it… Any ideas why it isn’t running or how to make it run in this weird edge case?

[David]

David

#113262

I forgot to mention that the issue is with iPad Pro 12 inch

[David]

David

#113258

Hi All,

I have this site Uncle Simons, and it works in almost all mobile devices and desktop computer; however, in a iPad Pro it is not working well the image in the slider is have been cutting in the half of it. The site is not taking the css for ipad, it is showing like a desktop computer.

In the kad-slider.css file I have the following rules:

.kad-slider-parallax .kad-slider .kad-slide {
background-attachment: fixed;
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
background-position: 50% 0;
}

Any idea ??

David

[David]

David

#113258

Hi All,

I have this site Uncle Simons, and it works in almost all mobile devices and desktop computer; however, in a iPad Pro it is not working well the image in the slider is have been cutting in the half of it. The site is not taking the css for ipad, it is showing like a desktop computer.

In the kad-slider.css file I have the following rules:

.kad-slider-parallax .kad-slider .kad-slide {
background-attachment: fixed;
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
background-position: 50% 0;
}

Any idea ??

David

[James]

James

#113017

sadly, its still there. I just flushed my ipad cache just in case.

[Kevin]

Kevin

#113012

Try adding this CSS to Theme Options> Advanced Settings.

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
        #nav-main  {
            background-image: none;
        }
}

That should hide the image in ipad display.

-Kevin

[James]

James

#113010

it only happens to me on an ipad in landscape view. http://richardsonfarms.net/files2016/wp-content/uploads/IMG_0815.jpg

[James]

James

#112998

The following site uses an image for the main navigation menu background. When I view the site on an ipad in landscape view the mobile nav triggers and the regular menu goes away, but the image in the navigation background remains. *Login to see link

[James]

James

#112998

The following site uses an image for the main navigation menu background. When I view the site on an ipad in landscape view the mobile nav triggers and the regular menu goes away, but the image in the navigation background remains. *Login to see link

[Saskia]

Saskia

#112937

Hi there,

I have a website that is showing up really nicely on monitors, laptops and tablets/ipads but not on mobile phones. Please can you let me know how I can change things so it works on phones too.

*Login to see link

Thanks.

Saskia

[Saskia]

Saskia

#112937

Hi there,

I have a website that is showing up really nicely on monitors, laptops and tablets/ipads but not on mobile phones. Please can you let me know how I can change things so it works on phones too.

*Login to see link

Thanks.

Saskia