SERIOUS BROWSER COMAPTABILITY ISSUES « Support Forum | Kriesi.at

Support Forum » Corona

SERIOUS BROWSER COMAPTABILITY ISSUES

14 posts from 2 voices

Started 1 year ago by lmkleparek
Latest reply from Devin
This topic is resolved

Tags:

lmkleparek
Member

HI THERE. I'M USING CORONA WORDPRESS THEME AND IT'S FACING SOME SERIOUS BROWSER COMPATABILITY ISSUE'S IN FIREFOX,INTERNET EXPLORER 9,SAFARI AND SOMEWHAT IN CHROME TOO.

MY SITE IS : http://test2.bhaveshthawani.com/

AS U CAN SEE THE MENU TITLE'S GET'S UPSIDE DOWN IN FIREFOX AND IE9,SAFARI.

THE FOOTER COPYRIGHT TEXT ISN'T SHOWING UP IN IE9,FIREFOX,SAFARI AND MY FACEBOOK BANNER IMAGE IN FOOTER GET'S MOVE TO THE RIGHT IN FIREFOX,IE 9 AND SAFARI.

PLZ SOMEONE HELP. I REQUEST KRIESI AND CORONA THEME ADMIN TO HELP ME OUT AS SOON AS POSSIBLE.

I WOULD APPRECIATE IT REALLY.

PLZ A REQUEST. SOMEONE HELP.

Posted 1 year ago #
Devin
Moderator

Hi Lmkleparek,

I just took a look at your site in Firefox, Chrome and IE without seeing the Menu Title issue. I also see the footer copyright in all three browsers as well.

The facebook banner image can be fixed by adding an additional [one_half][/one_half] shortcode to your column layout. The icon box with the cloud in it is not being offset by an additional column on the other side of it so the facebook banner is moving up and into that place. You can additionally combine those icon boxes into just two total columns; one on the left and one on the right.

Posted 1 year ago #
lmkleparek
Member

no sir there are issues. how do i send screenshot here. plz temme. i will show u.

in firefox 10,IE 9 and safari it has few prob's with the menu title's going upside down. such as about us should be in one line. in firefox it display's as about
us

this way.

also in IE9 it doesn't show's the copyright and few footer text and few footer thing's.

lemme know how do i show u screenshot's over here. may be that can give u some idea. plz do help me out. u guy's make nice theme's. thnx. expecing a good support from u. :)

Posted 1 year ago #
Devin
Moderator

You can use a service like http://tinypic.com/ to host the screenshot and then provide the link to me here.

Posted 1 year ago #
lmkleparek
Member

hi there. thnx for replying me back. sorry i don't know how to use tiny pic. however i've uploaded screenshot's on my site.

here are the link's. can u have a look plz sir.

http://test2.bhaveshthawani.com/firefox-browser-issue/

http://test2.bhaveshthawani.com/firefox-facebook-moving-right/

as u see the home about-us etc menu title's should be aligned correctly in center below each menu image however they move upside down left right in firefox if u see the screenshot's on the above 2 link's.

the about us should be in one line which is looking fine in chrome but here in firefox and other browser's it's like this way : about
us

same for other's.

the home isn't sitting properly centered beneath the image. it's moving toward left hand side.

plz do help me out. appreciated so far your replies. hope u will help me out on this as u guy's r really nice and helpful.

keep up the good work. thnx a lot. looking for a quick soln soon.

Posted 1 year ago #
lmkleparek
Member

do lemme know how to fix the facebook image as i didn't understood what u mean to say in your reply with [onehalf] short code.

currently it has an this way.

Posted 1 year ago #
Devin
Moderator

Hi Imkleparek,

When you set the styles manually for the main menu, you set each menu item to have a specific width. Since the text for "About Us" and "Cloud Systems" takes up additional space, it moves down to the next line. You need to remove the manual widths on the items and the minimum width on the Cloud Systems attributes.

To fix your facebook box, you need to add a closing column to the icon box layout you have. The shortcode for which is [one_half][/one_half]. Just add that after the System rebuilds..[/one_half]".

Please be careful when updating since you have done all of your changes on the main style.css file.

Posted 1 year ago #

lmkleparek
Member

it already has that closing shortcode sir.

if it didn't then how does it show correctly in chrome and incorrectly in firefox. the issue is with other brower's i guess. firefox,ie9 and safari.something is missing.

can u temme what's wrong for the home page code. here it is can u identify it and temme what's missing out. thnx.

<p style="text-align: justify;">[box size="large" style="rounded" border="full"]As a small business owner you’ll be well aware of the many advantages you have over your larger, corporate rivals. Like the personal touch you offer your clients. Like your specialist knowledge and your willingness to go the extra mile. Like your dedication to offering the finest products and services at the best possible prices. Like… Well, we could go on all day. Because as it turns out, we share a lot of the same commitments. As an accounting firm specializing in small businesses, we pride ourselves on offering an affordable bookkeeping service with a personal touch. You’ll never be ‘too small’ for our books. We promise to take the time to really get to know you and your business, so we can be sure to do what’s best for you. As experienced bookkeepers, we understand just how much time and effort the numbers side of things can take and we’d love to help you lighten the load. Because then you can spend your time on what’s really important - making your customers happy![/box]</p>
[hr]

[one_half first]
[iconbox icon="home-budget.png"]Budget friendly prices[/iconbox]

[/one_half]

[one_half]

[iconbox icon="home-book.png"]Expert bookkeeping services content goes here.

[/iconbox]

[/one_half]

[one_half first]

[iconbox icon="home-training.png"]Comprehensive training packages in a range of small business accounting software,including Xero and MYOB.[/iconbox]

[/one_half]

[one_half]

[iconbox icon="home-friendly.png"]A ‘small business’ approach - friendly, knowledgeable and dedicated to great customer service

[/iconbox]

[/one_half]

[one_half first]
[iconbox icon="home-cloud.png"]System rebuilds, bringing cloud computing into your office

[/iconbox]

[/one_half]

 

<a href="http://www.facebook.com/pages/Springly/212121048857481"><img src="http://test2.bhaveshthawani.com/wp-content/uploads/2012/02/quote-banner.png" alt="" /></a>

Posted 1 year ago #

Devin
Moderator

Hi Imkleparek,

See if this works for you:

[one_half first]
[iconbox icon="home-budget.png"]Budget friendly prices[/iconbox]

[iconbox icon="home-training.png"]Comprehensive training packages in a range of small business accounting software,including Xero and MYOB.[/iconbox]

[iconbox icon="home-cloud.png"]System rebuilds, bringing cloud computing into your office

[/iconbox]

[/one_half]

[one_half]

[iconbox icon="home-book.png"]Expert bookkeeping services content goes here.[/iconbox]

[iconbox icon="home-friendly.png"]A ‘small business’ approach - friendly, knowledgeable and dedicated to great customer service[/iconbox]

[/one_half]

This creates two columns and then an image below them.

Posted 1 year ago #

lmkleparek
Member

nope it didn't worked it's very frustrating. the issue is not with shortcodes sir the issue is with browser support. believe me.

now what's happening is as your above soln isn't working so i copied my image src into a text widget and placed it inside the footer column 1 but if u see there too it doesn't works in firefox and other browser's when u move your mouse when u hover your mouse then it shows an line above and below the facebook image. have a look at my test link.

also can u plz temme how do i fix my menu it's not getting fixed either :(

this is the code which our guy has used for our 4 menu items:

li#menu-item-642{height:90px; width:100px; padding:5px; background: url(images/skin-minimal/about.png) center top no-repeat;}
li#menu-item-643{height:90px; width:100px; padding:5px; background: url(images/skin-minimal/home.png) center top no-repeat;}
li#menu-item-633{height:90px; width:100px; padding:5px; background: url(images/skin-minimal/services.png) center top no-repeat;}
li#menu-item-632{height:90px; width:135px; padding:5px; background: url(images/skin-minimal/cloud.png) center top no-repeat;}
li#menu-item-644{height:90px; width:100px; padding:5px; background: url(images/skin-minimal/contact.png) center top no-repeat;}

plz do something sir. try to resolve my problem if possible. thnx for your help so far and replies appreciated. but i wish we can find a solution quickly sir. hoping for best from you.

Posted 1 year ago #
Devin
Moderator
Hi lmkleparek,

The shortcode layout I provided was tested in Firefox, IE and Chrome with no issues. If in testing you still had issues, it may be because of a plugin conflict so be sure to turn off any plugins before testing it again.

Try adding:
```
#top .main_menu .menu a {
    max-width: 150px;
}
```
Then get rid of all the fixed width attributes on the rest of your menu items, or increase them so that you don't get line wrapping.
Posted 1 year ago #
lmkleparek
Member

can you plz tell me sir how do i make my social media links open in a new page.

currently when someone clicks on twitter,facebook,contact,rss at the top header social media icons or at the footer ones it opens in the same page. i want to make it open in a new page so that user's don't get distracted from our site.

i know it's something related to target=_blank but i can't find out where to give this option as the social media is coming from your in-built framework code i guess.

thanks lemme know. it would be great. have a nice day ahead :)

Posted 1 year ago #
lmkleparek
Member

can you plz tell me sir how do i make my social media links open in a new page.
currently when someone clicks on twitter,facebook,contact,rss at the top header social media icons or at the footer ones it opens in the same page. i want to make it open in a new page so that user's don't get distracted from our site.
i know it's something related to target=_blank but i can't find out where to give this option as the social media is coming from your in-built framework code i guess.
thanks lemme know. it would be great. have a nice day ahead :)

Posted 1 year ago #

Devin
Moderator

You need to change:

if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>".__('Follow us on Twitter', 'avia_framework')."</a></li>";
if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>".__('Join our Facebook Group', 'avia_framework')."</a></li>";

if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."' target='_blank'>".__('Follow us on Twitter', 'avia_framework')."</a></li>";
if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."' target='_blank'>".__('Join our Facebook Group', 'avia_framework')."</a></li>";

This is within header.php around line 127.

I'm going to mark the thread as resolved for now. Please make a new post if you have additional issues :)

Posted 1 year ago #

RSS feed for this topic