Joomla Templates Club 406,261 posts

[regin Friend reginJoin date: March 2007Posts: 117Downloads:2Uploads:60 Thanks: 28 Thanked: 1 times in 1 posts]

#193020

Hi

I had to extend the width for for main menu, by adding more px to this bootstrap-responsive.css file:

.span8 {
width: 954px;
}

I added about 300px. It works very well, just not in IE 8, which my client happens to use……. …….

So in my clients browser, she sees a broken menu, with three menu items covering the top of the slideshow. See pic below.

I tried with a “Display:block;” but that did not help. Does anyone have a better idea what I should do?

I hope to find some help on this one, since it has been a major issue for me for about 3 weeks…

Regards
Regin

BTW: turns out to be an issue in Chrome as well…

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#515607

This looks like an issue where utilizing CONDITIONAL"> may be helpful.

[regin Friend reginJoin date: March 2007Posts: 117Downloads:2Uploads:60 Thanks: 28 Thanked: 1 times in 1 posts]

#515684

Hi Tom,

Can you help me out a bit more here? It turns out I have the same issue in Chrome as well.

But in Firefox it works well.

If I am supposed to use CONDITIONAL CSS STATEMENTS / CLASSES how should implenetet it? Can you give any help on this issue?

Thanks,
Regin

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#515753

It’s basically creating a custom CSS rule for a particular browser – so that you can get the item(s) to display as you want them to for the respective browser that’s giving you trouble.

In addition to the original resource I provided for you above, the following is a particularly informative resource that should be helpful to you . . . http://www.conditional-css.com/usage

[Author]

Posts