Search Results for 'ipad'

[Calle]

Calle

#90901

I was wondering how to fix an issue with an image overlapping image via iPad Safari landscape view. Every other browser and device I view this page, it works correctly. However, when using a tablet, the team pictures overlap slightly.

*Login to see link

[Calle]

Calle

#90901

I was wondering how to fix an issue with an image overlapping image via iPad Safari landscape view. Every other browser and device I view this page, it works correctly. However, when using a tablet, the team pictures overlap slightly.

*Login to see link

[Marc]

Marc

#89658

is it possible to have a kadence slider or other slider which works on ipad and telephone and pc screen?
what size should the pics be?

[Marc]

Marc

#89658

is it possible to have a kadence slider or other slider which works on ipad and telephone and pc screen?
what size should the pics be?

[Arindam]

Arindam

#89530

Hi Benguru,
Sorry for the late reply. Managing time to get to the store for checking in iPAD.

Yes, you are correct. The option of showing in tablet is not set in the settings. my bad.
Now it is showing perfect.Thanks again..

Cheers,
Ari

[Wendy]

Wendy

#89445

I am going to leave it open today.
http://www.iamcreativedesigns.com/

Also my rev slider is an older version, how do i get the newer version.
Myhome page slide is not fitting in the phone screen, and it only fits the ipad screen when its horizontal.

[lee]

lee

#89311

css issue trade prices on marquee matting website table. I have used the same. Ive used the custom css and .js on my 🙂 SEO expert website here without issue, when a device with smaller screen and/or screen rotation (including ipad) is used to view the page as per fitefox and chrome inspect for device screen sizes and rotation Looked here for css version AND here for resolution for IPAD css display and finaly css borders.

CSS

table {
border-collapse: collapse;
}

table, td, th {
border: 1px solid #ccc;
}

@media only screen and (device-width: 600px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block; text-align:center;}
tbody td:before {
content: attr(data-th);
display: block;
text-align:center;
}
}

And

.js
<script>
var headertext = [];
var headers = document.querySelectorAll("thead");
var tablebody = document.querySelectorAll("tbody");

for (var i = 0; i < headers.length; i++) {
headertext[i]=[];
for (var j = 0, headrow; headrow = headers[i].rows[0].cells[j]; j++) {
var current = headrow;
headertext[i].push(current.textContent);
}
}

for (var h = 0, tbody; tbody = tablebody[h]; h++) {
for (var i = 0, row; row = tbody.rows[i]; i++) {
for (var j = 0, col; col = row.cells[j]; j++) {
col.setAttribute("data-th", headertext[h][j]);
}
}
}
</script>

as per instructions of How to Create Responsive Tables in WordPress

however im having an issue with screen size.

I ve tested with chrome inspect and cant work out the issue.

As a side note the colapsed header menu in my customised heade with shopping cart displays incorectly. (im wondering if this is related?) or is it related to the use of a side bar on this page?

supporting image1
supporting image2

the only difference between the sugested table layout and my own is

<table class="table table-bordered table-hover table-condensed">

<table class="table table-bordered table-hover table-condensed"><thead><tr><th title="Field #1">Item</th><th title="Field #2">Price</th><th title="Field #3">Pack size</th><th title="Field #4">Length</th><th title="Field #5">Width</th><th title="Field #6">Weight</th><th title="Field #7">Mpn</th><th title="Field #8">Weave</th><th title="Field #9">Yarns</th><th title="Field #10">Colour</th></tr></thead><tbody><tr><td data-th="Item">Coir Matting</td><td data-th="Price">£200.00</td><td data-th="Pack size">Single</td><td data-th="Length">12.2m</td><td data-th="Width">1.8m</td><td align="right" data-th="Weight">40.00</td><td data-th="Mpn">12-2m-MM</td><td data-th="Weave">Herringbone</td><td data-th="Yarns">Anjengo/Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Matting</td><td data-th="Price">£370.00</td><td data-th="Pack size">Single</td><td data-th="Length">20.1m</td><td data-th="Width">2m</td><td align="right" data-th="Weight">60.00</td><td data-th="Mpn">20-1m-MM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£55.00</td><td data-th="Pack size">Single</td><td data-th="Length">3.7m</td><td data-th="Width">1.85m</td><td align="right" data-th="Weight">9.68</td><td data-th="Mpn">3-7m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£72.50</td><td data-th="Pack size">Single</td><td data-th="Length">4.3m</td><td data-th="Width">2.15m</td><td align="right" data-th="Weight">13.07</td><td data-th="Mpn">4-3m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£92.50</td><td data-th="Pack size">Single</td><td data-th="Length">4.9m</td><td data-th="Width">2.45m</td><td align="right" data-th="Weight">16.97</td><td data-th="Mpn">4-9m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£115.00</td><td data-th="Pack size">Single</td><td data-th="Length">5.55m</td><td data-th="Width">2.75m</td><td align="right" data-th="Weight">21.38</td><td data-th="Mpn">5-5m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£140.00</td><td data-th="Pack size">Single</td><td data-th="Length">6.1m</td><td data-th="Width">3.05m</td><td align="right" data-th="Weight">26.30</td><td data-th="Mpn">6-1m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£110.00</td><td data-th="Pack size">Pair</td><td data-th="Length">3.7m</td><td data-th="Width">1.85m</td><td align="right" data-th="Weight">19.35</td><td data-th="Mpn">3-7m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£145.00</td><td data-th="Pack size">Pair</td><td data-th="Length">4.3m</td><td data-th="Width">2.15m</td><td align="right" data-th="Weight">26.14</td><td data-th="Mpn">4-3m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£185.00</td><td data-th="Pack size">Pair</td><td data-th="Length">4.9m</td><td data-th="Width">2.45m</td><td align="right" data-th="Weight">33.94</td><td data-th="Mpn">4-9m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£230.00</td><td data-th="Pack size">Pair</td><td data-th="Length">5.55m</td><td data-th="Width">2.75m</td><td align="right" data-th="Weight">42.77</td><td data-th="Mpn">5-5m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£280.00</td><td data-th="Pack size">Pair</td><td data-th="Length">6.1m</td><td data-th="Width">3.05m</td><td align="right" data-th="Weight">52.60</td><td data-th="Mpn">6-1m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr></tbody></table>

instead of

<table>

i have some custome .css in the head an the header is modified

sorry for long rambling post,
regards, lee

also any channce of Add arrow at the bottom of slider.

many thanks Lee

[lee]

lee

#89311

css issue trade prices on marquee matting website table. I have used the same. Ive used the custom css and .js on my 🙂 SEO expert website here without issue, when a device with smaller screen and/or screen rotation (including ipad) is used to view the page as per fitefox and chrome inspect for device screen sizes and rotation Looked here for css version AND here for resolution for IPAD css display and finaly css borders.

CSS

table {
border-collapse: collapse;
}

table, td, th {
border: 1px solid #ccc;
}

@media only screen and (device-width: 600px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block; text-align:center;}
tbody td:before {
content: attr(data-th);
display: block;
text-align:center;
}
}

And

.js
<script>
var headertext = [];
var headers = document.querySelectorAll("thead");
var tablebody = document.querySelectorAll("tbody");

for (var i = 0; i < headers.length; i++) {
headertext[i]=[];
for (var j = 0, headrow; headrow = headers[i].rows[0].cells[j]; j++) {
var current = headrow;
headertext[i].push(current.textContent);
}
}

for (var h = 0, tbody; tbody = tablebody[h]; h++) {
for (var i = 0, row; row = tbody.rows[i]; i++) {
for (var j = 0, col; col = row.cells[j]; j++) {
col.setAttribute("data-th", headertext[h][j]);
}
}
}
</script>

as per instructions of How to Create Responsive Tables in WordPress

however im having an issue with screen size.

I ve tested with chrome inspect and cant work out the issue.

As a side note the colapsed header menu in my customised heade with shopping cart displays incorectly. (im wondering if this is related?) or is it related to the use of a side bar on this page?

supporting image1
supporting image2

the only difference between the sugested table layout and my own is

<table class="table table-bordered table-hover table-condensed">

<table class="table table-bordered table-hover table-condensed"><thead><tr><th title="Field #1">Item</th><th title="Field #2">Price</th><th title="Field #3">Pack size</th><th title="Field #4">Length</th><th title="Field #5">Width</th><th title="Field #6">Weight</th><th title="Field #7">Mpn</th><th title="Field #8">Weave</th><th title="Field #9">Yarns</th><th title="Field #10">Colour</th></tr></thead><tbody><tr><td data-th="Item">Coir Matting</td><td data-th="Price">£200.00</td><td data-th="Pack size">Single</td><td data-th="Length">12.2m</td><td data-th="Width">1.8m</td><td align="right" data-th="Weight">40.00</td><td data-th="Mpn">12-2m-MM</td><td data-th="Weave">Herringbone</td><td data-th="Yarns">Anjengo/Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Matting</td><td data-th="Price">£370.00</td><td data-th="Pack size">Single</td><td data-th="Length">20.1m</td><td data-th="Width">2m</td><td align="right" data-th="Weight">60.00</td><td data-th="Mpn">20-1m-MM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£55.00</td><td data-th="Pack size">Single</td><td data-th="Length">3.7m</td><td data-th="Width">1.85m</td><td align="right" data-th="Weight">9.68</td><td data-th="Mpn">3-7m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£72.50</td><td data-th="Pack size">Single</td><td data-th="Length">4.3m</td><td data-th="Width">2.15m</td><td align="right" data-th="Weight">13.07</td><td data-th="Mpn">4-3m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£92.50</td><td data-th="Pack size">Single</td><td data-th="Length">4.9m</td><td data-th="Width">2.45m</td><td align="right" data-th="Weight">16.97</td><td data-th="Mpn">4-9m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£115.00</td><td data-th="Pack size">Single</td><td data-th="Length">5.55m</td><td data-th="Width">2.75m</td><td align="right" data-th="Weight">21.38</td><td data-th="Mpn">5-5m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mat</td><td data-th="Price">£140.00</td><td data-th="Pack size">Single</td><td data-th="Length">6.1m</td><td data-th="Width">3.05m</td><td align="right" data-th="Weight">26.30</td><td data-th="Mpn">6-1m-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£110.00</td><td data-th="Pack size">Pair</td><td data-th="Length">3.7m</td><td data-th="Width">1.85m</td><td align="right" data-th="Weight">19.35</td><td data-th="Mpn">3-7m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£145.00</td><td data-th="Pack size">Pair</td><td data-th="Length">4.3m</td><td data-th="Width">2.15m</td><td align="right" data-th="Weight">26.14</td><td data-th="Mpn">4-3m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£185.00</td><td data-th="Pack size">Pair</td><td data-th="Length">4.9m</td><td data-th="Width">2.45m</td><td align="right" data-th="Weight">33.94</td><td data-th="Mpn">4-9m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£230.00</td><td data-th="Pack size">Pair</td><td data-th="Length">5.55m</td><td data-th="Width">2.75m</td><td align="right" data-th="Weight">42.77</td><td data-th="Mpn">5-5m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr><tr><td data-th="Item">Coir Mats x 2</td><td data-th="Price">£280.00</td><td data-th="Pack size">Pair</td><td data-th="Length">6.1m</td><td data-th="Width">3.05m</td><td align="right" data-th="Weight">52.60</td><td data-th="Mpn">6-1m-P-HM</td><td data-th="Weave">Panama</td><td data-th="Yarns">Vycome</td><td data-th="Colour">Bright/Natural</td></tr></tbody></table>

instead of

<table>

i have some custome .css in the head an the header is modified

sorry for long rambling post,
regards, lee

also any channce of Add arrow at the bottom of slider.

many thanks Lee

[Arindam]

Arindam

#89164

Hi There,

Today, while roaming on a electronic store, I observed that my homepage Full-Screen Revolution slider is not working on iPad pro/retina.
It is perfectly fine in my laptop ( Macbook pro) and other mobile device but it is not at all displaying in iPad.
Am I missing something? or any custom CSS modification screwed up something.
Kindly help.

——-
Revolution Slider Settings:-
Slider Type = Standard
Slider Layout = “Full-Screen”
——–

Site Link

Best Regards,
Ari

[Arindam]

Arindam

#89164

Hi There,

Today, while roaming on a electronic store, I observed that my homepage Full-Screen Revolution slider is not working on iPad pro/retina.
It is perfectly fine in my laptop ( Macbook pro) and other mobile device but it is not at all displaying in iPad.
Am I missing something? or any custom CSS modification screwed up something.
Kindly help.

——-
Revolution Slider Settings:-
Slider Type = Standard
Slider Layout = “Full-Screen”
——–

Site Link

Best Regards,
Ari

[Jessica]

Jessica

#89147

Try something like 7.9 inches, the size of the iPad mini?

[Sam]

Sam

#88956

Hannah, I use inspect on any single portfolio page, and click on device mode and it is so. However I checked on ipad – it’s ok, but on iphone it looks like this.

For example this page: http://asp-polyana-sochi.ru/Недвижимость/студия-в-красной-поляне/

[Ben Ritner]

Ben Ritner

#88406

Yes, I looked at your settings, figured out why you were having the issue based on your images and sizes and settings and came up with a solution that would make your site better even though most of your images are not large enough to show crystal clear on large retina screens (like an imac for example or ipad).

I alway suggest using larger images that are compressed well. 1200×1200 is a good start but 1600×1600 is good future proof. Also uploading images at the same ratio that you’re going to use them is a nice way to get the most out of your image sizes.

Ben

[Sharon]

Sharon

#88064

Thanks Hannah. I assume when you mean “fully responsive theme” it is set up to adapt for mobile devices such as Androids, iPhone, iPad, right? If so, there are still missing images, slideshow missing, codes seen, no posts visible on pages, etc.

It sounds like CSS codes is the route to fix layout issues on mobile devices?

I assume that with certain CSS codes they won’t change the computer/desktop layout any?

http://www.mychoiceconnection.com

[Lynn]

Lynn

#87843

Hi,

The pictures I posted are in wrong rotation on IPAD and Mobile phones. It looks fine on my PC and laptop.

Please help how to fix. I plan to go live tomorrow.

Rgds,
Lynn

[Lynn]

Lynn

#87843

Hi,

The pictures I posted are in wrong rotation on IPAD and Mobile phones. It looks fine on my PC and laptop.

Please help how to fix. I plan to go live tomorrow.

Rgds,
Lynn

[Nelson]

Nelson

#87550

Hello,

Ben got me this CSS to show search icon on iPad but it’s only showing on iPad portrait. How can I have it to also show on iPad landscape?

@media (max-width: 992px){
.kad-mobile-nav .form-search {
display: block;
}
}

Thanks!

[Nelson]

Nelson

#87550

Hello,

Ben got me this CSS to show search icon on iPad but it’s only showing on iPad portrait. How can I have it to also show on iPad landscape?

@media (max-width: 992px){
.kad-mobile-nav .form-search {
display: block;
}
}

Thanks!

[carmen]

carmen

#87221

Hi Ben
I closed the two brackets and updated virtue premium theme and the menu appeared on my iPad,
Thank you so much for your help.
I love kadence themes, you have the best support team ever.
thank you!!

[carmen]

carmen

#87155

Hi Ben
I revised my custom css and i added the missing bracket}
but nothing changed, still not menu showing on iPad.
do you thing i have any other css interfering, i rechecked every css and i didn’t see anything wrong, I’m not an expert so, i don’t know what else to do.

Thank you so much for helping me.

[carmen]

carmen

#87098

Hi Ben
I tried the css code you gave me and didn’t work.
the menu still not showing on iPad mini landscape view.

[carmen]

carmen

#87026

Hi
would you please help me to fix the following issue:

my primary menu is not showing on iPad when i flip to landscape view, I don’t have a mobile menu assigned in appearance>menu because I’m using my top bar as principal menu for mobiles and i don’t want that menu on iPad landscape view.
I just want to show the same desktop items(Primary menu, secondary menu, header…), same desktop view on iPad landscape mode.

Thank you.

[carmen]

carmen

#87026

Hi
would you please help me to fix the following issue:

my primary menu is not showing on iPad when i flip to landscape view, I don’t have a mobile menu assigned in appearance>menu because I’m using my top bar as principal menu for mobiles and i don’t want that menu on iPad landscape view.
I just want to show the same desktop items(Primary menu, secondary menu, header…), same desktop view on iPad landscape mode.

Thank you.

[Nelson]

Nelson

#86876

I understand that it shows mobile menu on iPad, but its has no search/icon when menu drops down. How can i have it show search like all my other mobile devices?

[Ben Ritner]

Ben Ritner

#86862

The search shouldn’t show on Ipad. It’s your mobile menu that shows not your desktop menu.
Ben

[Sam]

Sam

#86752

Hi, Ben and Hannah

Can you please advise on how to make content and sidebar take 50%/50% of the screen on Ipad mini vertically oriented, 66%/33% on desktop and Ipad mini horizontally oriented, and 90%/90% and centered on smartphones. (Only for portfolio-pages)

*Login to see link

[Sam]

Sam

#86752

Hi, Ben and Hannah

Can you please advise on how to make content and sidebar take 50%/50% of the screen on Ipad mini vertically oriented, 66%/33% on desktop and Ipad mini horizontally oriented, and 90%/90% and centered on smartphones. (Only for portfolio-pages)

*Login to see link

[Nelson]

Nelson

#86733

This reply has been marked as private.