Jump to content


Photo
Business Branding

IE8 formatting issue



Best Answer ellenmva , 06 March 2013 - 03:36 PM

Hi Barry,

 

I'm Business Branding's developer.  I'm not sure what is causing the issue with everything squishing to the right.  It may be the background image with your telephone number and email.  If you look at the Demo Site in IE8 everything aligns properly.

 

If you could take off the background image and see if that makes the icons position properly.  Also, you may want to use the Additional Business Info section to put in the phone number and email, that way it gets picked up by search engines and is clickable on mobile devices.

 

The other option is to add a width to that area. You can do that in Pagelines --> Site Options --> Custom Code.  And try,

 
#page .section-business-branding .business-info {width: 160px;}


 

 

As far as I am aware there aren't any issues between the navbar and Business Branding.  It seems Menu showing happens whether Business Branding is in the header or not.  As Rob suggested, the Browser Specific CSS plugin is great for taking care of IE 8 issues. So, if you need to but a width on the area and you use the browser specific plugin then you just add .ie8 to the beginning of the css.

 

Let me know if any of the suggestions solved the issue.

 

Ellen

Go to the full post


  • Please log in to reply
7 replies to this topic

#1 barryevans

barryevans

    Advanced Member

  • Members
  • 30 posts
  • LocationDorset
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 04 March 2013 - 03:30 PM

Folks,

 

My site works ok on IE9 and on FireFox 19.0, however for some reason IE8 the menu bar displays the menu name intended for small screens and the business branding section is not formatting correctly.

 

FYI, I am using the latest version of Pagelines / Wordpress and for the branding  I am using a plugin called Business Branding.

 

Site URL is: http://tinyurl.com/a5vt5bc

 

Screenshot attached

 

Many thanks in advance.

Attached Files



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 March 2013 - 08:30 PM

Please deactivate ALL active non-PageLines plugins and see if the problem persists.



#3 barryevans

barryevans

    Advanced Member

  • Members
  • 30 posts
  • LocationDorset
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 04 March 2013 - 09:14 PM

Thank you for you reply.

 

I can confirm I have disabled all third party plugins but unfortuantly the same issue exists.



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 March 2013 - 09:35 PM

Hi,

 

PageLines Framework is written in HTML5 and CSS3.  As a result, many things do not work in IE8 as those languages were written long after IE8 was created.  Sometimes, things don't work in IE8, as much as we'd like them to.

 

As for the menu, I'd recommend using our Browser Specific CSS plugin (free) in our Store. This may provide the solution, but before that I'd recommend checking the compatibility of Business Branding.  So, I'm moving this topic for that plugin author to check this issue. It's a very well supported product.



#5 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 06 March 2013 - 02:55 PM

I've alerted the Business Branding developer of this topic.



#6 ellenmva

ellenmva

    Advocate

  • Members

  • 344 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 06 March 2013 - 03:36 PM   Best Answer

Hi Barry,

 

I'm Business Branding's developer.  I'm not sure what is causing the issue with everything squishing to the right.  It may be the background image with your telephone number and email.  If you look at the Demo Site in IE8 everything aligns properly.

 

If you could take off the background image and see if that makes the icons position properly.  Also, you may want to use the Additional Business Info section to put in the phone number and email, that way it gets picked up by search engines and is clickable on mobile devices.

 

The other option is to add a width to that area. You can do that in Pagelines --> Site Options --> Custom Code.  And try,

 
#page .section-business-branding .business-info {width: 160px;}


 

 

As far as I am aware there aren't any issues between the navbar and Business Branding.  It seems Menu showing happens whether Business Branding is in the header or not.  As Rob suggested, the Browser Specific CSS plugin is great for taking care of IE 8 issues. So, if you need to but a width on the area and you use the browser specific plugin then you just add .ie8 to the beginning of the css.

 

Let me know if any of the suggestions solved the issue.

 

Ellen



#7 barryevans

barryevans

    Advanced Member

  • Members
  • 30 posts
  • LocationDorset
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 07 March 2013 - 06:50 AM

Hi Ellen

 

Thank you for you reply, I will try what you have suggested and let you know how I get on.

 

Best regards,

Barry


  • ellenmva likes this

#8 barryevans

barryevans

    Advanced Member

  • Members
  • 30 posts
  • LocationDorset
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 08 March 2013 - 10:18 AM

Thank you, specifying the width has resolved this issue


  • ellenmva likes this





Also tagged with one or more of these keywords: Business Branding