resolvedThe black navigation navigation bar below blog articles (navigate to the previous or next article) uses the full page width in Chrome or Safari but not in Internet Explorer, Firefox or Opera ( screenshot: http://d.visisoft.de/XKXs ). This also happens on the live demo at kriesi.at, so it's nothing I changed.
How can I change it to the full page width in Internet Explorer, Firefox and Opera?
Thanks for any hints,
Markus
Devin
Moderator
Hi Markus,
It looks like everyone except Chrome has an issue with using display:table. The quickest way to fix it would be to make a new rule for Chrome and change the default for everything else.
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.post_nav {
display:block;
}
html.chrome .post_nav {
display:inline-table;
}Regards,
Devin
Thanks Devin, but that didn't work. The navigation bar does use the full page width in all browsers now, but the text position isn't correct, except in Chrome ( screenshot: http://d.visisoft.de/7dlY ).
Any more hints?
Regards,
Markus
Devin
Moderator
In that case,
Try:
.post_nav {
display: block;
}
.previous_post_link_align {
display: block;
float: left;
}
.next_post_link_align {
display: block;
float: right;
}And we'll get rid of the table formatting all together. When the theme responds to a different resolution size (mobile or tablet size etc) the links will no longer span the entire column anymore since they float inside the container, but they shouldn't have any other major issues.
I'll send the bug over to Kriesi and see if we can get a fix in the next theme update.
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
