Highlighted

Breakpoint problems

Community Beginner ,
Apr 18, 2018

Copy link to clipboard

Copied

So after getting my Footer SVG files to finally show up magically, they disappear at the first breakpoint. The styling is the same across all breakpoints and the breakpoint does not clip the images.

unnamed.png

Breakpoint at 600px - footer SVG gone

unnamed-1.png
File link - Adobe Creative Cloud

Thanks in advance

I don’t know, what you want to achieve, but

  • the background image and its dark overlay have different „Footer“ settings in your different breakpoints. In one breakpoint they are defined as „Footer“ elements in the other they aren’t. Please correct this.
  • The footer logos aren’t visible, because they are white on a white background. As the footer is defined as „Sticky Footer“ in „Page Properties“, it appears not at the bottom of your page, but at the bottom of the browser window. Deselect the „Sticky Footer“ option in all breakpoints.

By the way: There is a crucial issue on your site: The background image and its dark overlay „bleed outside the page/breakpoint width. This will cause heavy issues on mobile devices (phones, tablets). Just read this: https://forums.adobe.com/docs/DOC-8953

Views

126

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Breakpoint problems

Community Beginner ,
Apr 18, 2018

Copy link to clipboard

Copied

So after getting my Footer SVG files to finally show up magically, they disappear at the first breakpoint. The styling is the same across all breakpoints and the breakpoint does not clip the images.

unnamed.png

Breakpoint at 600px - footer SVG gone

unnamed-1.png
File link - Adobe Creative Cloud

Thanks in advance

I don’t know, what you want to achieve, but

  • the background image and its dark overlay have different „Footer“ settings in your different breakpoints. In one breakpoint they are defined as „Footer“ elements in the other they aren’t. Please correct this.
  • The footer logos aren’t visible, because they are white on a white background. As the footer is defined as „Sticky Footer“ in „Page Properties“, it appears not at the bottom of your page, but at the bottom of the browser window. Deselect the „Sticky Footer“ option in all breakpoints.

By the way: There is a crucial issue on your site: The background image and its dark overlay „bleed outside the page/breakpoint width. This will cause heavy issues on mobile devices (phones, tablets). Just read this: https://forums.adobe.com/docs/DOC-8953

Views

127

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 18, 2018 0
LEGEND ,
Apr 18, 2018

Copy link to clipboard

Copied

I don’t know, what you want to achieve, but

  • the background image and its dark overlay have different „Footer“ settings in your different breakpoints. In one breakpoint they are defined as „Footer“ elements in the other they aren’t. Please correct this.
  • The footer logos aren’t visible, because they are white on a white background. As the footer is defined as „Sticky Footer“ in „Page Properties“, it appears not at the bottom of your page, but at the bottom of the browser window. Deselect the „Sticky Footer“ option in all breakpoints.

By the way: There is a crucial issue on your site: The background image and its dark overlay „bleed outside the page/breakpoint width. This will cause heavy issues on mobile devices (phones, tablets). Just read this: https://forums.adobe.com/docs/DOC-8953

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 18, 2018 0
Community Beginner ,
Apr 19, 2018

Copy link to clipboard

Copied

Thank you Gunter!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 19, 2018 0