Public Forums 71,145 posts

[sforsgren Friend sforsgrenJoin date: January 2017Posts: 4Downloads:1Uploads:2]

#999737

When I try to use the Promo Bar with JoomlaShack Impacto Template, the bar covers up the site menu and does not seem to push it down. How can I get the Promo Bar to display properly?

I’ve tried various locations in the template but none of them seem to work as I had hoped.

Example in screen shot attached.

Thank you in advance,
Scott

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#1000081

Hi,

I can check this bug directly on your site, please give me the URL of your site and admin login via private reply.

Regards

[sforsgren Friend sforsgrenJoin date: January 2017Posts: 4Downloads:1Uploads:2]

#1000359

Wow – Thanks Ninja Lead. I appreciate it very much. Thank YOU. Requested details sent via private reply.

[sforsgren Friend sforsgrenJoin date: January 2017Posts: 4Downloads:1Uploads:2]

#1000360

This reply has been marked as private.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#1000737

Hi,

You can try to remove this code on your site

• Open templates/js_impacto/css/style-blue.css file

find and remove the CSS style

.navbar-fixed-top {
    top:0
}

Regards

[sforsgren Friend sforsgrenJoin date: January 2017Posts: 4Downloads:1Uploads:2]

#1001001

Thanks so much Ninja Lead! On my desktop browser, it looks very good now.
However, on Chrome and Safari on IE, the promo bar appears as white space and not red with text as on the desktop. Please see the image attached. Is there something preventing it from working on a mobile device?

Thank you again!

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#1001137

Applying this way to your site

• Open templates/js_impacto/css/style-blue.css file and add new rule

@media  (max-width: 767px) {
    .navbar-fixed-top {
        top:0
    }
}
@media  (min-width: 768px) and (max-width: 979px) {
    .navbar-fixed-top {
        top:0
    }
}

[Author]

Posts