Error in the article navigation in Firefox « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Sentence

resolved

Error in the article navigation in Firefox

16 posts from 5 voices

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

Tags:

northerndelight
Member

In the single article view, the article links below the article are not displayed correctly on the entire page width, such as in Safari.

Thanks Holger

Posted 1 year ago #
Dude
Dude

Hi!

Can you post a link to a page where the error occurs please?

Regards,
Peter

Posted 1 year ago #
northerndelight
Member

Hi Peter,

http://styve.de/?p=2415

I'm using Firefox 11.0 on Mac OS

Posted 1 year ago #
Devin
Moderator

Hi northerndelight,

I'm not seeing any issue in Firefox, Chrome or IE on a Windows machine. Can you take a screenshot of whats happening?

Thanks,

Devin

Posted 1 year ago #
northerndelight
Member

Hi Devin,

It's very confusing so i made two screeshots - Safari (where it looks perfect) compared with Firefox.
# 1 http://styve.de/images/navigation_1.png
# 2 http://styve.de/images/navigation_2.png

Btw. Its always the same on Mac OS ore Windows.

Thanks, Holger

Posted 1 year ago #
Ismael
Moderator
Hi,

When I encounter a style problem on firefox. I use a javascript snippet to manually target the elements that renders differently compare to other browsers. This is the script.
```
$(document).ready (
	function() {
		if ( $.browser.mozilla == true && $.browser.version < '3.0' ) {
		$('.slides').css('margin-top','-50px');
		$('.paging').css('bottom','90px');
		}
	}
);
```
I hope this helps.

Regards,
Ismael
Posted 1 year ago #
northerndelight
Member

Hi,

Where should I incorporate the script?

Thanx Holger

Posted 1 year ago #
Dude
Dude

Hey!

You can add it to js/avia.js (at the very end/bottom of the file). I'd replace "$" in the code above with "jQuery".

Regards,
Peter

Posted 1 year ago #
northerndelight
Member

Hi,

you mean like this:

(document).ready ( function() { if ( browser.mozilla == true && browser.version < '3.0' ) { ('.slides').css('margin-top','-50px'); ('.paging').css('bottom','90px'); } } );

Thanx Holger

Posted 1 year ago #
northerndelight
Member

Sorry, I'd misunderstood you.

Ok, I put

$(document).ready ( function() { if ( $.browser.mozilla == true && $.browser.version < '3.0' ) { $('.slides').css('margin-top','-50px'); $('.paging').css('bottom','90px'); } } );

at the very end of the avid.js. Nothing happened.

Than I do the same with

jQuery(document).ready ( function() { if ( jQuery.browser.mozilla == true && jQuery.browser.version < '3.0' ) { jQuery('.slides').css('margin-top','-50px'); jQuery('.paging').css('bottom','90px'); } } );

and the same again. Nothing happened

Posted 1 year ago #
Ismael
Moderator

Hello,

On your header.php, look for <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/custom.css" type="text/css" media="screen"/> Place the script above that. :)

Regards,
Ismael

Posted 1 year ago #
northerndelight
Member

Hi,

sorry, but that doesn't work either.

Thanx Holger

Posted 1 year ago #
Dude
Dude
Hey!

Try to add following code to css/custom.css:
```
.post_nav {
    width: 100% !important;
}
```
Regards,
Peter
Posted 1 year ago #
fabioperroni
Member

I had the same issue on Firefox 11.
adding css .post_nav solved it!
Thanks

Posted 1 year ago #
northerndelight
Member

Hey Dude!,

that works,

Thanx, Holger

Posted 1 year ago #
Devin
Moderator

Great! Glad that fixed the issues for you :)

Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top