Search Results for 'ipad'

[George]

George

#172832

How can I display the filters on the right in two columns on the Ipad – portrait.
*Login to see link
See attached image.
*Login to see link

thanks,
Olympia

[George]

George

#172832

How can I display the filters on the right in two columns on the Ipad – portrait.
*Login to see link
See attached image.
*Login to see link

thanks,
Olympia

[Kerstin]

Kerstin

#172737

Please excuse my poor english, it’s not my first language 😉

The error stays with Cache-Plugin activated. And it stays even when I reload the page. There must be another reason.
Could you reproduce and see the error?

Is there any animation or javascript what could be the reason?

I tryed the code that I found in this forum:
.sticky-wrapper .mobile-headerclass {
transform: none !important;
}
but it doesn’t fix it.

When I deactivate Javascript, the Image doesn’t load even on moving the page.
So the Javascript that loads the image only starts, when the page is moved a litle bit up.
It needs the same pixels, what shrinks the height of the adress-line of the iPad.

I hope this information helps to find the error …

Thank you!
Martin

[Kerstin]

Kerstin

#172589

hi,
I use a Child of Pinnacle-Theme and only on mobile devices appears a problem (sometimes).
It appears on two different iPads and iPhones. On desktop everything is fine.

The header-image is on nearly all pages a Kadence-Slider with only one slide (animated GIF).
When I activate a page sometimes the header only appears, when I swipe the page a little up and down.
How can I fix this?

For testing I changed to the original theme without modifications but the errors still exists …

Link: *Login to see link
and other pages in the menu

Thank you!
Martin

[Kerstin]

Kerstin

#172589

hi,
I use a Child of Pinnacle-Theme and only on mobile devices appears a problem (sometimes).
It appears on two different iPads and iPhones. On desktop everything is fine.

The header-image is on nearly all pages a Kadence-Slider with only one slide (animated GIF).
When I activate a page sometimes the header only appears, when I swipe the page a little up and down.
How can I fix this?

For testing I changed to the original theme without modifications but the errors still exists …

Link: *Login to see link
and other pages in the menu

Thank you!
Martin

[chad]

chad

#171942

Hi K-Team,

I am having an issue with a site I am working on. There is a white space above the header on all pages when viewing this website in horizontal mode on an iPad. It seems to be OK on Androids and PC’s.

here is the site *Login to see link

Thank you,
Chad

[chad]

chad

#171942

Hi K-Team,

I am having an issue with a site I am working on. There is a white space above the header on all pages when viewing this website in horizontal mode on an iPad. It seems to be OK on Androids and PC’s.

here is the site *Login to see link

Thank you,
Chad

[George]

George

#171319

I would like to make the footer for Ipad portrait look more like the Ipad landscape and desktop – 3 columns.
Also, the social media icons in the footer need to be centered on iphones.
*Login to see link

Thanks for all the great support,
Olympia

[George]

George

#171319

I would like to make the footer for Ipad portrait look more like the Ipad landscape and desktop – 3 columns.
Also, the social media icons in the footer need to be centered on iphones.
*Login to see link

Thanks for all the great support,
Olympia

[Kerry]

Kerry

#170844

Hi,

I have just created a site, it looks amazing on my computer, my hosts computer and the mobile version but it looks shocking on an ipad, a smaller desktop monitor and laptop (which was only noticed when the client sent me screenshots). Is there any way of preventing the layout from distorting so much on different screens? I am now going to have to go through the entire site and change images to a look that we were not looking for and isn’t going to be as great.

The site is http://www.stuartkellyinsights.com and this is the link to the images the client sent me *Login to see link

Thanks for your help with this
Kerry

[Kerry]

Kerry

#170844

Hi,

I have just created a site, it looks amazing on my computer, my hosts computer and the mobile version but it looks shocking on an ipad, a smaller desktop monitor and laptop (which was only noticed when the client sent me screenshots). Is there any way of preventing the layout from distorting so much on different screens? I am now going to have to go through the entire site and change images to a look that we were not looking for and isn’t going to be as great.

The site is http://www.stuartkellyinsights.com and this is the link to the images the client sent me *Login to see link

Thanks for your help with this
Kerry

[Francis]

Francis

#170245

This reply has been marked as private.

[Melinda]

Melinda

#170177

Hello,

I have a travel blog with the Virtue Premium theme and I am using multiple Virtue Image Menu Items via Pagebuilder for this page:

*Login to see link

It displays beautifully on my windows laptop and iPad, but I see nothing but a row of blanks on the iPhone and my Samsung Galaxy 8 mobile phone. This has been a problem for several months. Help! TIA.

Melinda

[Melinda]

Melinda

#170177

Hello,

I have a travel blog with the Virtue Premium theme and I am using multiple Virtue Image Menu Items via Pagebuilder for this page:

*Login to see link

It displays beautifully on my windows laptop and iPad, but I see nothing but a row of blanks on the iPhone and my Samsung Galaxy 8 mobile phone. This has been a problem for several months. Help! TIA.

Melinda

[phil2]

phil2

#169974

Thanks, both! Sorry, I could have been more specific 😉
On the home page there is some body text where I have separated the headings from the following paragraph using 2 columns. E.g. “The right system” etc.

Once I understand the solution, I will want to re-use it on the blog post to again separate the headings from the text in 2 columns.

In each case, I’d like to maintain the column layout on iPad but let it collapse when we get down to small devices. When it does collapse, the heading (column 1) needs to switch from right-justified to left-justified.

Thanks team.
Phil.

[phil2]

phil2

#169935

Hi Hannah,
I see you have dealt with similar problems in the past, here and here.

I’d like to retain the column arrangement for iPad but collapse the columns when we go to small devices, like phones for this site.

Also, once the columns do collapse, could the justification of the first column (the headings) change to left-aligned?
Very many thanks,
Phil.

[phil2]

phil2

#169935

Hi Hannah,
I see you have dealt with similar problems in the past, here and here.

I’d like to retain the column arrangement for iPad but collapse the columns when we go to small devices, like phones for this site.

Also, once the columns do collapse, could the justification of the first column (the headings) change to left-aligned?
Very many thanks,
Phil.

[Stephen]

Stephen

#168196

I’m trying to remove the CSS settings that place the hero image behind the header on mobile. I’ve added the CSS below and it’s working in chrome dev tools, but not on an actual device – iPad and iPhone 7. Am I missing something?

Link to site: Immersion World Travel

`

@media only screen and (max-device-width : 768px) {

.stickyheader.trans-header #kad-banner {
position: relative !important;
}

}

[Stephen]

Stephen

#168196

I’m trying to remove the CSS settings that place the hero image behind the header on mobile. I’ve added the CSS below and it’s working in chrome dev tools, but not on an actual device – iPad and iPhone 7. Am I missing something?

Link to site: Immersion World Travel

`

@media only screen and (max-device-width : 768px) {

.stickyheader.trans-header #kad-banner {
position: relative !important;
}

}

[Gayle]

Gayle

#168175

Hi,

Is there a way to adjust the title font text in the home page Image Menu Boxes so that when viewing on a tablet or iPad – the longer words in the main title don’t trail off out of the box? They don’t seem to be downsizing at certain widths and my client is viewing on their iPad. Everything looks great on laptop and phone. I will send a link in a private message.

[Gayle]

Gayle

#168175

Hi,

Is there a way to adjust the title font text in the home page Image Menu Boxes so that when viewing on a tablet or iPad – the longer words in the main title don’t trail off out of the box? They don’t seem to be downsizing at certain widths and my client is viewing on their iPad. Everything looks great on laptop and phone. I will send a link in a private message.

[Marit]

Marit

#167493

Hi
I have a pagebuilder row with 5 columns on my home page, making up an image menu.
It looks great on desktop.
But when viewed on iPad the headers “merge” together
And even worse on mobile, the row splits into TINY single columns that don’t even fill the space available…
How can I fix this?

Screenshot:
*Login to see link
*Login to see link

Thank you for your help

[Marit]

Marit

#167493

Hi
I have a pagebuilder row with 5 columns on my home page, making up an image menu.
It looks great on desktop.
But when viewed on iPad the headers “merge” together
And even worse on mobile, the row splits into TINY single columns that don’t even fill the space available…
How can I fix this?

Screenshot:
*Login to see link
*Login to see link

Thank you for your help

[Jon Terje]

Jon Terje

#167272

Hi.
Please see my site *Login to see link -> menu choice “Kunstnere”.
It works fine on PC and iPad Pro (non mobile version) and on iPhone (mobile version) but not on iPad (mobile version).
When the menu expands, it is not possible to scroll down to menu elements that are outside the screen.
Strange?

Best regards
Jon Thoresen

[Jon Terje]

Jon Terje

#167272

Hi.
Please see my site *Login to see link -> menu choice “Kunstnere”.
It works fine on PC and iPad Pro (non mobile version) and on iPhone (mobile version) but not on iPad (mobile version).
When the menu expands, it is not possible to scroll down to menu elements that are outside the screen.
Strange?

Best regards
Jon Thoresen

[Ben Ritner]

Ben Ritner

#166551

I’m not seeing any issue using iphone or ipad. This “bouncing” can you see it on the demo here: http://themes.kadencethemes.com/ascend-premium-2/

Can you describe a bit more what you see?

I don’t need the theme options export but if you ever need to link to a log of code you can use: https://gist.github.com/

[Liam J]

Liam J

#166548

This reply has been marked as private.

[Liam J]

Liam J

#166543

Hi

I was actually going to start a topic about this a while ago but then thought I had managed to solve the issue by chance. However, I am still seeing some specific issues.

The problem:

I wanted to use a sticky header (without the topber) on mobile platforms, so activated this option in the Theme Options. However, I quickly realised that there is a significant problem with the mobile sticky header (certainly on iOS devices) where the header, or part of, disappears out of the viewport when scrolling from a point on a page back to the top; when doing this on iOS when you reach the top again, there is a ‘bounce’ of the page and it is a this point that the header can disappear.

I did not know how to fix this but, whilst continuing with site design, I decided to add a drop-shadow to the sticky mobile header once scrolling has been initiated and achieved this with the following css:

.sticky-wrapper.is-sticky .mobile-headerclass {
-webkit-box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.2);
-moz-box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.2);
box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.2);
}

An unexpected benefit of this code was that it appeared to fix the issue of the header ‘bouncing’ out of the viewport. I tested this on a number of mobile devices and browsers and thought it solved the problem on all (not that I have worked out why it solves the problem). However, I happen to own an iPad Mini 3 and have just noticed that, for some reason, the above css does not solve the disappearing header issue on this particular device; strangely, the issue is present on this iPad Mini 3 in both Safari and Firefox. I’m a little perplexed as I’m certain that the screen resolution on my iPad Mini 3 is exactly the same as on the iPad 4 that I also test on and, with the iPad 4, the issue is resolved by the above css.

Any thoughts on what is going on and how to really fix the bouncing issue on all mobile devices would be appreciated.

Many thanks

Miranda

[Liam J]

Liam J

#166543

Hi

I was actually going to start a topic about this a while ago but then thought I had managed to solve the issue by chance. However, I am still seeing some specific issues.

The problem:

I wanted to use a sticky header (without the topber) on mobile platforms, so activated this option in the Theme Options. However, I quickly realised that there is a significant problem with the mobile sticky header (certainly on iOS devices) where the header, or part of, disappears out of the viewport when scrolling from a point on a page back to the top; when doing this on iOS when you reach the top again, there is a ‘bounce’ of the page and it is a this point that the header can disappear.

I did not know how to fix this but, whilst continuing with site design, I decided to add a drop-shadow to the sticky mobile header once scrolling has been initiated and achieved this with the following css:

.sticky-wrapper.is-sticky .mobile-headerclass {
-webkit-box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.2);
-moz-box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.2);
box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.2);
}

An unexpected benefit of this code was that it appeared to fix the issue of the header ‘bouncing’ out of the viewport. I tested this on a number of mobile devices and browsers and thought it solved the problem on all (not that I have worked out why it solves the problem). However, I happen to own an iPad Mini 3 and have just noticed that, for some reason, the above css does not solve the disappearing header issue on this particular device; strangely, the issue is present on this iPad Mini 3 in both Safari and Firefox. I’m a little perplexed as I’m certain that the screen resolution on my iPad Mini 3 is exactly the same as on the iPad 4 that I also test on and, with the iPad 4, the issue is resolved by the above css.

Any thoughts on what is going on and how to really fix the bouncing issue on all mobile devices would be appreciated.

Many thanks

Miranda

[fauret]

fauret

#165348

Hi,

It’s not exactly a theme problem.
I had a kadence slider on my home page.
It work well until two days ago.
Today when I go to my home page *Login to see link the pictures dont show. the title works as the little arrow on the bottom which are part of the slider.
Safari or firefox I got the same problem.
I try on my sister computer and on the Ipad of my wife it work !!!
I can figure out what is the problem, because when I try I’m not under WP.

Regards.
Jean-luc

[fauret]

fauret

#165348

Hi,

It’s not exactly a theme problem.
I had a kadence slider on my home page.
It work well until two days ago.
Today when I go to my home page *Login to see link the pictures dont show. the title works as the little arrow on the bottom which are part of the slider.
Safari or firefox I got the same problem.
I try on my sister computer and on the Ipad of my wife it work !!!
I can figure out what is the problem, because when I try I’m not under WP.

Regards.
Jean-luc

[phil2]

phil2

#163817

Hi Team, sorry if you’ve covered this before, but I couldn’t find it.

I’ve designed a form using CF7 and is visible here.
I have a problem with the breakdown of the column structure on smaller screens. On iPad and larger, the columns are great but on phones the structure fails.
I had intended that it would be 2 columns for all resolutions.
Many thanks for any light you can shed on this.
Phil.

[phil2]

phil2

#163817

Hi Team, sorry if you’ve covered this before, but I couldn’t find it.

I’ve designed a form using CF7 and is visible here.
I have a problem with the breakdown of the column structure on smaller screens. On iPad and larger, the columns are great but on phones the structure fails.
I had intended that it would be 2 columns for all resolutions.
Many thanks for any light you can shed on this.
Phil.

[Michael]

Michael

#162021

Hello,

I am not able to select the Woocommerce product variations on smart phones. It does work, however on the mobile site on the iPad.

The website is koultools.com

Thanks in advance for your help.

Mike

[Michael]

Michael

#162021

Hello,

I am not able to select the Woocommerce product variations on smart phones. It does work, however on the mobile site on the iPad.

The website is koultools.com

Thanks in advance for your help.

Mike