3 Replies Latest reply: Oct 13, 2014 4:30 PM by Ryan Thomas

Why does my website scroll across?

BrightSparks Oct 9, 2014 6:37 AM

I can't seem to work out why it is scrolling across

I am using the Church Template on BC and the screen width doesn't seem to sit right.

Home - Website with issues

Home- Testing site that I'm using to compare against

I need the Alpha header to be 60px high to match the header titles so this might be playing a part in the issue?

What have I done to make the width too large for the screen and create a marquee effect?

Thanks

1. Re: Why does my website scroll across?

Ryan Thomas Oct 10, 2014 11:48 AM (in response to BrightSparks)

The problem is your "Products" dropdown width. Anyways if you add overflow:hidden, it will fix the problem.

Locate the CSS file "foundation.css" and change:

line 2977
.top-bar-section .dropdown {
position: absolute;
left: 100%;
top: 0;
visibility: hidden;
z-index: 999;
overflow: hidden;
}

to
.top-bar-section .dropdown {
position: absolute;
left: 100%;
top: 0;
visibility: hidden;
z-index: 999;
overflow: hidden;
}

-Ryan
Like Show 0 Likes (0)

Actions
2. Re: Why does my website scroll across?

BrightSparks Oct 12, 2014 7:54 AM (in response to Ryan Thomas)

Thanks so much Ryan. Also looks like I needed to change it in the styles.css as well.

Again thank you so much.
Like Show 1 Like (1)

Actions
3. Re: Why does my website scroll across?

Ryan Thomas Oct 13, 2014 4:30 PM (in response to BrightSparks)

Happy to help!
Like Show 0 Likes (0)

Actions