[Robertf]

Hi,

I’m working on a blog website in a local dev/wamp environment. I tested your Catch Box (free) theme on it and all looked well. Today, having  purchased and upgraded to your Catch Box Pro theme, I made some changes to the website and then viewed the dev site on my iPhone only to find that it now displays narrow, about 80% of the screen (whether portrait or landscape). I tested the Pro theme on my iPad and it displays full width.

I changed the website back to your free theme and it displays the full width of the phone screen.

I have just updated my iPhone 4s to iOS 6.1.2. I wondered if there was any issue with this release?

Also, the menu option on the free theme defaults to the Home or last selected page, whereas on the Pro theme it shows the last menu option in the list. (And, I don’t know if this will help, but if it’s only when I select this that the screen takes up the full width.)

I hope you can help me … or should I post this as a support request?

Regards,

Robertf

 

 

[Robertf]

Hi,

Done a little more research. I suspect the problem is menu related, so tried a Custom Menu, but it made no difference to the narrow display on my iPhone AND it also still displayed the last option in the menu list, so I deleted the Custom Menu.

Then I tried narrowing the browser window on my PC and discovered that it too displays the last option in the menu list in the Pro theme (it correctly displays the first item in the free theme).

So the menu problem, which may or may not be related to the narrow display issue,  is likely to be with the Pro theme regardless of what device the website is displayed on.

PS. I have tried Deactivating Plug-ins and Widgets to see if this solves the narrow screen problem on my iPhone, but this hasn’t helped.

Regards,

Robertf

[Robertf]

Hi,

Another update, I’ve discovered the narrow screen problem on the iPhone is caused by caused by Custom CSS I’d added to get the Logo & Site Title & Description to align in the Header:

#header-content .logo-wrap {

position: relative !important;

}

#site-logo {

height: 140px;

margin-top: -30px !important;

position: absolute !important;

top: 15%;

width: 120px;

}

#site-title {

font-size: 36px;

line-height: 46px;

margin-left: 120px;

padding: 0;

}

#site-description {

margin-left: 120px;

}

Works fine on PC browser & iPad, but displays narrow on the iPhone, as I’ve already detailed.

I’ll fix this problem (and apologies, I thought I’d deactivated it along with Plug-ins and Widgets during my research), but the menu issue remains and can be reproduced by resizing the browser to create a narrow window. When you do this, it the theme “thinks” the selected option is the last menu item in the list.

Not only does it display this option on all pages as the selected item, you can’t actually select and display its page because the theme “thinks” it’s already selected.

Hope all this background helps you find the problem and an answer.

Regards,

Robertf

[Robertf]

Hi,

Another update on narrow screen problem on iPhone, I tracked down the CSS in your style.css (thank goodness for Firebug) and made the following change to my Custom CSS which seems to work:

#header-content .logo-wrap {

position: relative !important;

}

#header-content .sidebar-top .widget {

margin-bottom: 0;

}

#site-logo {

height: 140px;

margin-top: -30px !important;

position: absolute !important;

top: 15%;

width: 120px;

}

#site-title {

margin-left: 120px;

padding: 0;

}

#site-description {

margin-left: 120px;

}

@media screen and (max-width: 479px) {

/*  iphone */

#site-title {

font-size: 16px;

line-height: 36px;

}

}

Which just leaves the menu option problem – over to you guys on that 🙂

Regards,

Robertf

 

[Robertf]

Darn, I’ve just realised I’ve posted this in Simple Catch Pro when it should be in Catch Box Pro!

Will raise a topic in the Catch Box Pro forum with a link back to this topic.

Regards,

Robertf

[Sakin]

@Robertf: Sorry I have to close this one. I will answer in another one.

[Author]

Posts