Re: Dawn Theme 2.0 - Homepage banner is not sticking to header, instead creates gap and drags down.

Dawn Theme 2.0 - Homepage banner is not sticking to header, instead creates gap and drags down.

ccanning
Excursionist
32 0 10

Hello everyone, 

 

I've noticed on my ultrawide display at home, that my banner drags down, rather than sticking to the header as I expand my browser downwards. See below:

 

Screenshot 2022-09-23 at 09.27.32.png

 

I am following Dawn's recommendations of having aspect ratio at 3:2 and have the below settings enabled:

 

Screenshot 2022-09-23 at 09.30.03.png

Replies 9 (9)

PageFly-Richard
Shopify Partner
4399 1006 1657

Hi @ccanning 

Can you share with me the page url...

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ccanning
Excursionist
32 0 10

Hi @PageFly-Richard , sorry, it's here: https://www.vjistore.com/

 

PageFly-Richard
Shopify Partner
4399 1006 1657

Hi @ccanning 

 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

 

.gradient{

     display: block !important;

}

 

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ccanning
Excursionist
32 0 10

Hi @PageFly-Richard , 

 

Thank you - this did work in getting the banner to behave correctly, but it then threw out my collection and product images. See below: 

Screenshot 2022-09-23 at 17.34.05.png

 

Any ideas?

ccanning
Excursionist
32 0 10

Any thoughts @PageFly-Richard ?

PageFly-Richard
Shopify Partner
4399 1006 1657

Hi @ccanning 

So sorry I missed your message.
You can try again with this code:

.gradient{

     display: inherit !important;

}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ccanning
Excursionist
32 0 10

Hi @PageFly-Richard - no worries 🙂 

 

Whilst it's snapped the image up to the top, it's now throwing the text out on the banner as seen below: 

Screenshot 2022-09-26 at 10.55.16.png

 

The collections view is also messing up, with several elements greyed out and unclickable: 

Screenshot 2022-09-26 at 10.55.25.png

ccanning
Excursionist
32 0 10

Any thoughts @PageFly-Richard ?

PageFly-Richard
Shopify Partner
4399 1006 1657

@ccanning 

 

I think you should now contact the theme so they can assist you in this issue.
Since I also can't get deep into the theme to test this issue. I can only look for external causes.

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.