Solved

How Can I make such slider in broadcast theme?

AdoraJewels
Shopify Partner
4 0 0

How do i make my navigation look like the one from Giva? I can't find the option the card is looking too big on mobile. URL: https://jewelsbyadora.com what should i do? perhaps a code that i can use? or a custom section?Screenshot 2024-05-13 134910.pngScreenshot 2024-05-13 134625.pngScreenshot 2024-05-13 135024.pngScreenshot 2024-05-13 135045.png

Accepted Solution (1)
PageFly-Noah
Astronaut
1119 201 220

This is an accepted solution.

 @AdoraJewels  Thank you , Please add code here in file theme.liquid and above tag </head> to fix it:

 

<style>
@media only screen and (max-width: 767px) {
    #highlights--template--17888014958812__section_highlights_bnQDF4{
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .highlights__items--mobile-slider .highlights__item {
        width: 100px !important; 
    }
}
</style>

 

Hope my solution will help you resolve the issue.

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.

View solution in original post

Replies 7 (7)

PageFly-Noah
Astronaut
1119 201 220

 

This is Noah from PageFly - Shopify Page Builder App

Hi @AdoraJewels I can help you. Please can you provide the password. Thank you.

 

Best regards,

Noah | 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.

AdoraJewels
Shopify Partner
4 0 0

Its Yasmin@123

PageFly-Noah
Astronaut
1119 201 220

Thank you , but I don't see this section. Iam sorry about that.

Screen Shot 2024-05-13 at 15.51.11.png

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.

AdoraJewels
Shopify Partner
4 0 0

could you please take a look at it again. I have updated the theme

PageFly-Noah
Astronaut
1119 201 220

This is an accepted solution.

 @AdoraJewels  Thank you , Please add code here in file theme.liquid and above tag </head> to fix it:

 

<style>
@media only screen and (max-width: 767px) {
    #highlights--template--17888014958812__section_highlights_bnQDF4{
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .highlights__items--mobile-slider .highlights__item {
        width: 100px !important; 
    }
}
</style>

 

Hope my solution will help you resolve the issue.

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.

AdoraJewels
Shopify Partner
4 0 0

OMG it works! thank you so much ❤️

PageFly-Noah
Astronaut
1119 201 220

 Thank you you, Have a nice day day 😉 !

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.