How to display line form options only when a certain variant is selected?

Solved
shells
Trailblazer
193 3 97

Amazing! Sorry, I now know what you meant in your earlier messages. Too easy. 

Can I also trouble you one thing? I'm not sure why my top announcement bar has changed size. I only want it to be half the size of that. It was originally like that but I don't know how it just changed to what it is now by itself. Text and socials icons not aligned.

0 Likes
24by7themes
Navigator
383 61 71

For top bar, add below css in theme.scss file

.header-head.py-2 {
    font-size: 12px;
    line-height: 12px;
}
Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
shells
Trailblazer
193 3 97

Help @24by7themes 

something has happened after i put the code in and now my website is all messed up. Can you help me urgently please? Everything has gone all wrong now. 

shells_0-1624432061355.png

 

0 Likes
24by7themes
Navigator
383 61 71

Fixed, you forgot to add '}' at last. I have added.

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
shells
Trailblazer
193 3 97

oh thank goodness..

 

but when I preview it is still off. the landing page image is so big, everything else is so small now: https://www.feyrebaby.com.au/?_ab=0&_fd=0&_sc=1&key=30a6734db3eb469fc3230c658d16242280371e1607b73bea...

Can you please help me take a look? Grateful. 

0 Likes
shells
Trailblazer
193 3 97

@24by7themes this is what I see..

shells_0-1624433170630.png

 

0 Likes
24by7themes
Navigator
383 61 71

This is an accepted solution.

I can see, nothing wrong. It looks perfect.

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
shells
Trailblazer
193 3 97

I figured it out. It is when I zoom out.. but how can I make it so that the image is enlarged and reduced according to zoom functions? It seems like a big file and I don't want it to slow down my website. 

Also the solution you provided for the header doesn't work. 

Previously, the header was like this (see in red):

printscreen.png

I didn't alter any code or anything. How can I get it back to normal?

Thank you!!!!!

0 Likes