Search Results for 'ipad'

[fauret]

fauret

#103683

Hey,

Cycloneslider appear twice on IPAD, ok on mac pro.
first before the title and after where it’s normal.
my site *Login to see link

regards

[fauret]

fauret

#103683

Hey,

Cycloneslider appear twice on IPAD, ok on mac pro.
first before the title and after where it’s normal.
my site *Login to see link

regards

[Ben Ritner]

Ben Ritner

#103457

Check on your ipad now, you should be set.

Ben

[James]

James

#103418

It depends on how you hold your ipad. If you hold it so the page loads in portrait view it looks fine. In landscape view I get a mess due to all the margin-top stuff so I was hoping to keep the code out of the mobile menu.

[Kevin]

Kevin

#103388

I just checked on my phone and I’m not seeing this. Also, it looks like you changed Mobile Menu only show button to OFF and the ipad issue went away.
I don’t have an ipad to check with, but in chrome inspect tool, everything seems to be displaying fine. Is it looking better for you or do you still see the issue?

[Peter]

Peter

#103362

Hi Ben,

We have just checked the site on a mobile (iphone 5) and the border is showing behind the kad slider image. Desktop and ipad seem fine.

Whilst checking this I also noticed that the menu on ipad mini overlaps the logo. Can this be fixed? See image: http://176.32.230.14/maisies.co/wp-content/uploads/2016/07/IMG_0117.jpg

Thanks,
Anthony

[Martin]

Martin

#101722

Hi Ben, Sorry for the confusion and yes you are right. I would like the desktop view to be visible until i get to phone size. Currently on the desktop I have a primary menu set to the right of the Logo and a secondary menu. On Desktop the view is fine, when I go to iPad landscape the primary menu remains but the secondary menu disappears. Strangely in portrait mode it is working perfectly. I am using these CSS settings currently;

@media (min-width: 768px) {
#nav-main ul.sf-menu, .nav-main ul.sf-menu {
display: block;
}
#kad-mobile-nav {
display: none;
height: auto;
}
#mobile-nav-trigger {
display: none;
height: auto;
}
}

/* keep secondary menu on iPad? */

@media (max-width: 992px) {
#nav-second ul.sf-menu {display: inline;}
}

/* To centre menu in header on iPad*/

@media (min-width: 992px) {
header #nav-main, header .nav-main {
margin-top: 60px;
}
}

The weird thing is that the secondary menu only disappears in landscape on iPad, it shows up on iPhone portrait and landscape, it shows up on desktop and it shows up on iPad portrait!!

Any help would be appreciated.

[Ben Ritner]

Ben Ritner

#101683

I think I’m confused as to what you want?

So simplified you want no mobile menu until your on screen size smaller then an ipad?

Ben

[Kevin]

Kevin

#101476

I don’t have an ipad to test with, but this is the CSS that I was able to come up with. It seems to work in Chrome inspect tool, but this is the first time I’ve tried to do this so do let me know if there area any issues.

@media (min-width: 992px) and (min-device-width: 1024px) {
section#cat_nav {
    display: none;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {
div#mobile-nav-trigger {
    display: none;
  }
}

Place this into Theme Options> Advanced Settings> Custom CSS.

[Martin]

Martin

#101429

Hi Folks,

I am trying to implement a menu structure where the desktop primary and secondary menus show on an iPad.

To achieve this I am using this code to get the primary menu to stay up and to the right of the logo;

@media (min-width: 992px) {
#nav-main ul.sf-menu, .nav-main ul.sf-menu {
display: block;
}
#kad-mobile-nav {
display: none;
height: auto;
}
#mobile-nav-trigger {
display: none;
height: auto;
}
}

I have also implemented a secondary menu and the problem I have is that it views fine in portrait mode on iPads but disappears in landscape mode. Can you tell me what I am doing wrong?

the URL is cookhamjewellers.co.uk

Many thanks

[Martin]

Martin

#101429

Hi Folks,

I am trying to implement a menu structure where the desktop primary and secondary menus show on an iPad.

To achieve this I am using this code to get the primary menu to stay up and to the right of the logo;

@media (min-width: 992px) {
#nav-main ul.sf-menu, .nav-main ul.sf-menu {
display: block;
}
#kad-mobile-nav {
display: none;
height: auto;
}
#mobile-nav-trigger {
display: none;
height: auto;
}
}

I have also implemented a secondary menu and the problem I have is that it views fine in portrait mode on iPads but disappears in landscape mode. Can you tell me what I am doing wrong?

the URL is cookhamjewellers.co.uk

Many thanks

[Ben Ritner]

Ben Ritner

#101405

We are talking about your home page correct? because on ipad air 2 in portrait view there is only 1 column. Not 2? did you check for zooming?

By the way I am assuming you’ve cleared your cache?

Ben

[Nelson]

Nelson

#101401

I’m sorry on iPad portrait view & iPhone 6 Plus landscape view that’s where I’m getting image problem.

[Ben Ritner]

Ben Ritner

#101400

Are you zoomed in with your browser? on ipad air 2 if you are in landscape mode then there should be 4 columns?

Ben

[Nelson]

Nelson

#101384

On iPad Air 2, yes images are in Columms but 2 of them are not full witdth in columns. I don’t know why it’s showing me different

[Ben Ritner]

Ben Ritner

#101367

yeah checking on those not seeing this. with an ipad in landscape view the image menu is in columns. What ipad are you using that you see it in one row?

Ben

[Nelson]

Nelson

#101295

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#101254

Your trying this in safari right? I can’t get either issue on ipad or iphone 6s plus?

Is there something I have to do to recreate?

Ben

[Nelson]

Nelson

#101104

Hello Ben/ Hannah,

Please help with my image menu, on iPad & iPhone 6s Plus 2 images are not showing full width. I tried resizing images no luck. Here’s my link & CSS

Thanks!

[Nelson]

Nelson

#101104

Hello Ben/ Hannah,

Please help with my image menu, on iPad & iPhone 6s Plus 2 images are not showing full width. I tried resizing images no luck. Here’s my link & CSS

Thanks!

[Marc]

Marc

#100836

here is a picture wher eyou can see that it looks good on samsung tablet but its get messy at a ipad air2

https://s32.postimg.org/7i4eiojvp/20160627_101127.jpg

how can we resolve this ?

[Marc]

Marc

#100743

Microsoft edge and iPad

[Ben Ritner]

Ben Ritner

#100691

no turn off your custom grid for mobile and if you’ve turned it on for ipad turn it off.

Ben