Shopify themes, liquid, logos, and UX
I am using the impulse theme and love the capabilities. The problem I am having is when using the video hero section with transparent header (background video is in full screen mode) everything looks great in desktop mode. When i am previewing the website using my iphone during the page load up, These "cinematic" type of black bars slowly fill in the top and bottom edges of the video. It makes the top and bottom edge of that section look funny. Any way to remove these?
This is a screen capture on my iphone you will see as i reload the black bars slowly fill top and bottom of video section.
Hi, @Havuhgooday
Can you share the url of your store along with the password (if needed)? Thanks!
https://lrp0kx0yc7s6ttxo-67748266302.shopifypreview.com
This is the preview let me know if this works. My live store is using a different theme. I am building this behind scenes so-to-speak.
Thanks for sharing the url @Havuhgooday
Try going to your theme > Edit Code > base.css and add this code at the very bottom:
#shopify-section-template--21418533224766__81f3567d-e819-415a-8374-c7491eec9f74.hero__media {
background-position: top;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
height: 105% !important;
}
Thank you for helping me. I do not have a base.css in the code section nor do I have a theme.css I do have a theme.css.liquid and a theme.liquid. What should I do?
@Havuhgooday okay, then go to theme.liquid or theme.css.liquid (not sure which one will have it) and paste the code above the </style> line
theme.css.liquid has over 10,000 lines and when i hit cntrl + F and enter in style, nothing comes up. In theme.liquid there are only a couple hundred lines and that </style> doesn not exist on that page. Any other ideas?
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024