본 사이트는 여러분의 사용자 경험을 개선하기 위해 유지 보수를 진행하는 동안 기능이 제한됩니다. 도움말로 문제가 해결되지 않고 질문을 하고 싶다면 Twitter의 @FirefoxSupport 및 Reddit의 /r/firefox 채널을 활용하세요.

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

Website's slider not accurately showing

  • 6 답장
  • 3 이 문제를 만남
  • 1 보기
  • 최종 답변자: hsmith

more options

On my website bxcell.com the website's homepage slider is not viewing accurately. It is suppose to be a full page slider. It works in every other browser except Mozilla. It most recently occurred with the updated version to 42.00. I tried disabling all extensions/plugins and of course clearing all cache. The error is still there.

On my website bxcell.com the website's homepage slider is not viewing accurately. It is suppose to be a full page slider. It works in every other browser except Mozilla. It most recently occurred with the updated version to 42.00. I tried disabling all extensions/plugins and of course clearing all cache. The error is still there.

선택된 해결법

Hmm, the style sheet http://bxcell.com/wp-content/themes/Divi/includes/builder/styles/frontend-builder-style.css?ver=2.5.3 contains this rule:

.et_pb_slider { position: relative; overflow: hidden; }

If you disable the overflow:hidden rule on that div, the slider expands to full width. But... that shouldn't be necessary. I can't figure out why that div isn't expanding to full width by default. Perhaps a question for the theme author?

문맥에 따라 이 답변을 읽어주세요 👍 1

모든 댓글 (6)

more options

I can see the slider and it definitely works, but the layout of the page is messed up in a small viewport. Opera renders it fine.

There's probably something in the page's source or CSS code that Firefox in particular doesn't like. Not my strong suit I'm afraid, but I'll give it a peek just in case.

more options

Whatever it is, it is in the dynamic rules for the intermediate mode.

The smallest viewport mode renders correctly, and so does the biggest, but the intermediate mode renders wrong. It's like the text columns can't squeeze enough and get pushed under the slideshow, which is comically stretched - could be a minimum width rule being interpreted more literally or liberally in different browsers.

Cutting the slideshow node from the code makes the page render correctly, so I would start troubleshooting there.

PS. I just realised the slideshow is wrong in the largest mode as well, so it's the slideshow node's code or code related to it that is making it position wrong in Firefox. I'm no expert in page design, I'm afraid, so I don't know how to fix it.

글쓴이 Phoxuponyou 수정일시

more options

The slider is a built in function within my divi theme. It works fine in all other browsers including the last version of mozilla. Do you know of any CSS to possible make this view accurately?

more options

I can't find the value that would fix things in Firefox; it'll be up to people more experienced with this theme and/or page code in general.

more options

선택된 해결법

Hmm, the style sheet http://bxcell.com/wp-content/themes/Divi/includes/builder/styles/frontend-builder-style.css?ver=2.5.3 contains this rule:

.et_pb_slider { position: relative; overflow: hidden; }

If you disable the overflow:hidden rule on that div, the slider expands to full width. But... that shouldn't be necessary. I can't figure out why that div isn't expanding to full width by default. Perhaps a question for the theme author?

more options

Thank you so much! This worked! Now to put the file in my child theme...Thanks again!