Eddie May

[Eddie May]

Hi Bill,
My client has just noticed that the bg img (http://www.carterdesign.co.uk) is, in his words “rather than scaling in pro was squashing the image.” He noted the difference of behaviour when comparing with another WP template (http://themetrust.com/demos/uber/ )

1) Can you see what he means
2) Any suggestions

I’m using Foxy V 1.4.1. My custom-js.php settings are as follows:
// supersized background slideshow
jQuery(function(){
jQuery.supersized({

slideshow : ,
fit_always : 0,
autoplay : 1,
start_slide : 1,
random : ,
slide_interval : ,
transition : ,
transition_speed : ,
pause_hover : 0,
keyboard_nav : 0,
performance : 1,
image_protect : 1,
min_width : ,
min_height : ,
vertical_center : 1,
horizontal_center : 1,
fit_portrait : ,
fit_landscape : ,
navigation : 0,
thumbnail_navigation : 0,
slide_counter : 0,
slide_captions : 0,
slides : [ ………

Thanks,
Eddie

[Eddie May]

Hi Bill,
Thanks for your efforts – it’s now sorted for iPad. However, ….!

The display is not right for the Nexus 7 in landscape on sub pages. I’ve tried to target Nexus by using media queries but doing so also screws up the iPad! Using http://responsejs.com/labs/dimensions/ I get the viewport width as being 961px.

Doing media queries for that interferes with the iPad – its probably a simple issue with my #logo p declaration but I can’t see it!

Any help much appreciated.

Thanks,
Eddie

[Eddie May]

Hi Bill,
Thanks for the prompt.

That sorted the homepage but not the other pages. After some head scratching & Firebugging I noticed (doh!) that on the home page the logo is wrapped in a [h1] but on other pages its in a [p]. Do you know why this is (is it something with the way I’ve set it up or something)?

Home Page:
[div id=”logo”][h1]…]/h1][/div]

Other Pages:

[div id=”logo”][p]…[/p][/div]

Anyway, thanks for your prompt & always helpful support – much appreciated. Glad you like the site but I can’t take much credit I’m afraid, I just cut up the psd, etc!

Cheers,
Eddie

[Eddie May]

Hi,
I managed to sort this out by styling the actual li items for IE. Not ideal but it works:

li#menu-item-126{font-size:10px;max-width:32%;padding:0;margin:0;text-align:left;margin-left:-9px}

etc, etc.

Cheers,
Eddie

[Eddie May]

Hi Bill,
Seems I spoke too soon about fixing the inline sub menu!

All is fine on Firefox/Chrome/Safari, etc, etc but not IE8 on XP. On IE there’s a huge gap on the sub menu items & they are displayed as block level items (rather than inline)

http://www.carterdesign.co.uk/site

Any suggestions?

Thanks,
Eddie

ps I’m hacking away at it now so ymmv

[Eddie May]

Hi Raymondcal,
Go to Appearance/Menus – you should then be able to see the tabs Main | Mobile on the right side & on the left under “Theme Locations”

Cheers,

[Eddie May]

Hi Bill,
The fix was easier than anticipated. In the custom styles I added the following;

/** sub menu items inline */
.menu li:hover ul, .menu li.sfHover ul{left:15px}
aside.sidebar nav li ul{float:left; margin:0; padding:0; width: 200px;}
aside.sidebar nav li li a{
display: inline;
float: left;
font-size: 12px;
margin: 0 3px 10px 0;
padding: 0;
}
Some of the stuff maybe redundant but I’ve not had time to optimise.

Thanks again,
Eddie

[Eddie May]

Hi Bill,
Forget this one – just noticed the “Mobile Menu” setting! All fixed now.
Regards,
Eddie

[Eddie May]

Hi Bill,
Thanks for the prompt reply – much appreciated.

Before I start hacking away, I have another, related, issue. On mobile the sub menu items are not visible at all (see http://www.carterdesign.co.uk/site/). Is this default behaviour?

Thanks,
Eddie

[Author]

Posts