Search Results for 'ipad'

[Stuart]

Stuart

#21889

But some smaller responsive issues…

I’ve used the Home Image Menu for logos, and it doesn’t really behave responsively, at smaller screen sizes, ie ipad both orientations, parts of the logos are cropped off. I have played with styles in firebug, but can’t find the cause of the problem.
Similarly I wanted to show the portfolio carousel titles all the time, and at ipad vertical size the title sticks out either side of the image up to 50px. There is something generating an element width of 321.5px and the images are generated at 269x269px even though I loaded them at 400x400px?
I just can’t find either style.

Thanks

[Stuart]

Stuart

#21870

ok thanks. I am using a child theme, I’ll take a look. I just thought I might have missed something.

I was also wondering about a couple of responsive things happening on my home page.

I’ve used the Home Image Menu for logos, and it doesn’t really behave responsively, at smaller screen sizes, ie ipad both orientations, parts of the logos are cropped off. I have played with styles in firebug, but can’t find the cause of the problem.
Similarly I wanted to show the portfolio carousel titles all the time, and at ipad vertical size the title sticks out either side of the image up to 50px. There is something generating an element width of 321.5px and the images are generated at 269x269px even though I loaded them at 400x400px?
I just can’t find either style.

Thanks again

[Charles]

Charles

#21839

Hi.

I’m not seeing any main navigation for screens between 768px and 990px. I have the mobile nav menu set and nav switches correctly to the drop down on iPhone or desktop with the window sized down. But on an iPad or desktop window sized between 768 and 990, there’s no main nav.

Site is: *Login to see link

I don’t see anything in my child customizations that would break this.

Thanks.
chuck

[Charles]

Charles

#21839

Hi.

I’m not seeing any main navigation for screens between 768px and 990px. I have the mobile nav menu set and nav switches correctly to the drop down on iPhone or desktop with the window sized down. But on an iPad or desktop window sized between 768 and 990, there’s no main nav.

Site is: *Login to see link

I don’t see anything in my child customizations that would break this.

Thanks.
chuck

[Frank]

Frank

#21788

Hi,

When my website (www.frankgeenen.nl) is viewed on an iPad the sticky header won’t activate when turning the iPad from portrait-mode to landscape-mode.
I believe it has to do with the fact that the portrait-mode is the ”mobile-view” and the landscape-mode is the normal view.

Is the only solution reloading the page in landscape-mode or is this fixable?

Greetings,

Frank

[Frank]

Frank

#21788

Hi,

When my website (www.frankgeenen.nl) is viewed on an iPad the sticky header won’t activate when turning the iPad from portrait-mode to landscape-mode.
I believe it has to do with the fact that the portrait-mode is the ”mobile-view” and the landscape-mode is the normal view.

Is the only solution reloading the page in landscape-mode or is this fixable?

Greetings,

Frank

[Stuart]

Stuart

#21782

Hi Ben,
I’m racking my brain trying to fix a weird responsive issue.

The site looks great on desktop, and was working well on ipad horizontal – showing same layout
and ipad vertical – stacking nicely (icons to 2 rows of 2)

and now it’s going to an enlarged version of the ipad portrait layout (mobile menu and stacked), even for ipad horirzontal (1024px)

it’s still working perfectly on the original dev siteL *Login to see link

I’ve tried:
Deactivating all plugins
Activating virtue premium and not child theme
Removing all styles from my child theme style sheet
Using the style sheet from my original dev child theme

And nothing works.

Is there a setting I might have missed? Something overlooked?

Thanks so much for your time,

Belinda

[Stuart]

Stuart

#21782

Hi Ben,
I’m racking my brain trying to fix a weird responsive issue.

The site looks great on desktop, and was working well on ipad horizontal – showing same layout
and ipad vertical – stacking nicely (icons to 2 rows of 2)

and now it’s going to an enlarged version of the ipad portrait layout (mobile menu and stacked), even for ipad horirzontal (1024px)

it’s still working perfectly on the original dev siteL *Login to see link

I’ve tried:
Deactivating all plugins
Activating virtue premium and not child theme
Removing all styles from my child theme style sheet
Using the style sheet from my original dev child theme

And nothing works.

Is there a setting I might have missed? Something overlooked?

Thanks so much for your time,

Belinda

[Morten]

Morten

#20556

That worked!
I also see that the topbar is not actually looking good in this mode. I have two widgets, a search bar to the right, and the virtue social links widget added With four social icons. On the ipad in portrait mode, the virtue social links widget wants to have two icons beside the search bar, and two below. How can that be fixed?

BTW: LIGHTNING fast support here!

[Ben Ritner]

Ben Ritner

#20555

Wow sorry that was my bad. I had you two pixels off I was not thinking. You want to change to: 767 because the ipad portrait is 768.

Ben

[Morten]

Morten

#20554

I am sorry, but that did not fix the problem. I still have one column for the image menu on ipad in portrait mode. I also tried to remake the page in case it had to “set” the New settings again.

[Morten]

Morten

#20143

My site is at:
http://www.shopclub.no/

The image menu is added through pagebuilder. 3 columns at 33.3% each With added widgets as describet here: https://www.kadencewp.com/creating-demo-3-layout-homepage/

edit: I would prefer it not to switch to mobile mode on ipad portrait mode. I would like that for iphones and such, but not pads. That should not be neccesary on physically larger screens.

[Morten]

Morten

#20133

Hi, and thanks for a fantastic theme!
I have an issue with responsiveness on ipad. I look at Your style 3, as my site is set up using Your tutorial, and see that Your image menu looks great and keeps 3 columns in portrait mode. Mine however sets the images in one column below each other and the images does not look good.
Any ideas?

[Morten]

Morten

#20133

Hi, and thanks for a fantastic theme!
I have an issue with responsiveness on ipad. I look at Your style 3, as my site is set up using Your tutorial, and see that Your image menu looks great and keeps 3 columns in portrait mode. Mine however sets the images in one column below each other and the images does not look good.
Any ideas?

[Kate]

Kate

#19942

Hi Ben, thank you for the information. The above CSS changes didn’t have an effect on the type of menu shown or the location of the sidebar. I hope you can natively support this option in the future. It is a bit awkward for the site to change so much when rotating the iPad.

[Ben Ritner]

Ben Ritner

#19824

A ipad portrait view is 768px wide. So just fyi all your menu styling is set for 960 and won’t work on 768 unless you change.
But you can force the menu to show for ipad with this css:

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

@media (max-width: 767px) {
#mobile-nav-trigger {
display: block;
height: auto;
}
#nav-main ul.sf-menu, .nav-main ul.sf-menu {
display: none;
}
#nav-main, .nav-main {
margin:0px;
}
}

As for forcing the sidebar, you can do that with this css..

@media (min-width: 767px) {
.kad-sidebar.col-md-4 {
width: 33.33333333%;
float:left;
}
.main.col-md-8 {
width: 66.66%;
float:left;
}
}

To be clear, These aren’t really supported, or tested.

Ben

[Kate]

Kate

#19820

I have a site using boxed layout with a max width of 960px. I used the following to set this limit:

@media (min-width: 960px) {
.container {
width: 960px;
}

When viewing the site in the iPad’s landscape mode, I see the regular primary navigation menu, and the site has the same layout as on the computer, which is good.

However, when I view the site in the iPad’s portrait (vertical) mode, the menu changes to become the mobile menu. The site switches to the mobile layout with items stacked vertically instead of having the sidebar.

I don’t mind the different placement of the sidebar content as much, but I am wondering, is there a way I can force the site to show the regular primary menu instead of the mobile menu in the iPad’s portrait (vertical) mode? Is it possible to still display the sidebar in the iPad’s portrait view, too?

Note: Currently I have some custom CSS on the primary menu items to make them fit the menu bar:
padding: 6px 12px 6px 12px;

*Login to see link

[Kate]

Kate

#19820

I have a site using boxed layout with a max width of 960px. I used the following to set this limit:

@media (min-width: 960px) {
.container {
width: 960px;
}

When viewing the site in the iPad’s landscape mode, I see the regular primary navigation menu, and the site has the same layout as on the computer, which is good.

However, when I view the site in the iPad’s portrait (vertical) mode, the menu changes to become the mobile menu. The site switches to the mobile layout with items stacked vertically instead of having the sidebar.

I don’t mind the different placement of the sidebar content as much, but I am wondering, is there a way I can force the site to show the regular primary menu instead of the mobile menu in the iPad’s portrait (vertical) mode? Is it possible to still display the sidebar in the iPad’s portrait view, too?

Note: Currently I have some custom CSS on the primary menu items to make them fit the menu bar:
padding: 6px 12px 6px 12px;

*Login to see link

[Erwan]

Erwan

#19535

Hi Ben,

I am experiencing the same trouble: links do not work anymore on images displayed on a Cyclone Slider (thumbnails template). This problem was seen on:
– Virtue Premium 2.6.0. and 2.6.6.
– Plugin Cyclone Slider Pro 2.8.4.

Example: http://www.erwan-francois.info/en/history/employers/

A click or tap on any of the logos shown with this Cyclone Slider used to work recently, either with a relative or an absolute link provided. Not anymore.
Tested on Windows 7 (with Firefox 32.0.3 and Chrome 35.0.1916.153 m), Apple (iPad / Safari) and Android (LG G2 / Firefox app).

Important note: Links does not work with Default nor thumbnails Templates from Cyclone Slider but they work with the Galleria template (I just tested these three ones). See a Cyclone slider still working on the french version of my slider geared with the Galleria template:
http://www.erwan-francois.info/parcours/recruteurs/

You might appreciate those screenshots from my WP installation back office (Cyclone Slider general and specific settings):
https://drive.google.com/folderview?id=0B4E3xo923lmYdnlyZUNaSlVnVHM&usp=sharing

I am looking forward to hear from you.

Best regards,
Erwan

[Andy]

Andy

#19018

And again Thank you so much, the css is working and my logo on ipad is in the center again!

Andy

[Andy]

Andy

#19014

Hi Ben, you supported me today with the header, logo, and menu alignments and looks great on my imac.
How ever, suddenly on my ipad my logo is not centred anymore (to much to the left) and can not changed it, can you please check what happened?!
*Login to see link

Andy

[Andy]

Andy

#19014

Hi Ben, you supported me today with the header, logo, and menu alignments and looks great on my imac.
How ever, suddenly on my ipad my logo is not centred anymore (to much to the left) and can not changed it, can you please check what happened?!
*Login to see link

Andy

[GlassGirl]

GlassGirl

#18279

I use my MacBook Pro laptop, screen res. 1440 x 900, and check site on ipad and iphone as well. My husband is on a pc and also checked using three different browsers. All this and we still see the white space on the sides of the image. I’ll try the other sliders and see what happens. Thank you.

[Andy]

Andy

#18105

Hi, additional info … just discovered that the footer/columns was only visual on my mobile/iphone5, not on imac, macbook or ipad …

Andy

[Ben Ritner]

Ben Ritner

#17969

1. Yea the mobile menu is only set to switch on a mobile device and show the desktop version on a ipad. I recommend you work the design of your desktop version to be a little more responsive friendly. But if you want to make the mobile show for both mobile and tablets you can change one small peice of code.
In virtue_premium/front-page.php

On line 2 you will see:

$detect = new Mobile_Detect_Virtue; if($detect->isMobile() && !$detect->isTablet() && $virtue_premium['mobile_switch'] == '1') {

replace with:

$detect = new Mobile_Detect_Virtue; if($detect->isMobile() && $detect->isTablet() && $virtue_premium['mobile_switch'] == '1') {

2. Your header is just shorter then most, you can drop the menu below with this css, just add to your custom css box in the theme optons:

.nav-trigger-case {
width: 100%;
position: static;
display: block;
}

3. Mobile devices automatically highlight numbers, you can remove the highlight by adding this css:

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

Ben

[Janis]

Janis

#17954

Please could you advise on my site that I am building http://www.newburyco.co.uk

1. I have two sliders – a main one and a mobile one. The mobile one seems to be fine on my iphone, the main one is fine on the laptop screen. On the iPad however it seems to be using the main slider and it is squashing it all up on the screen. The main slider is set to responsive mode, force full width is off… how do I fix this please?
2. On the iPad the mobile menu icon is pushed up into the top bar…
2. On the iPhone and iPad the telephone numbers on the sliders are coming out in an Orange colour and I want them to be grey the same as on the laptop screen version how do I correct this please?

[Janis]

Janis

#17954

Please could you advise on my site that I am building http://www.newburyco.co.uk

1. I have two sliders – a main one and a mobile one. The mobile one seems to be fine on my iphone, the main one is fine on the laptop screen. On the iPad however it seems to be using the main slider and it is squashing it all up on the screen. The main slider is set to responsive mode, force full width is off… how do I fix this please?
2. On the iPad the mobile menu icon is pushed up into the top bar…
2. On the iPhone and iPad the telephone numbers on the sliders are coming out in an Orange colour and I want them to be grey the same as on the laptop screen version how do I correct this please?