Hello, I have a problem. I need to make the fancy box to be visable as a square on mobile, not like it is before because it is too long now. Also I want to make every of fancy box to be the same size, because some of them are different. photo in attachement
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hello, I have a problem. I need to make the fancy box to be visable as a square on mobile, not like it is before because it is too long now. Also I want to make every of fancy box to be the same size, because some of them are different. photo in attachement
Attached files: SAURE.png
I mean in desktop it is fine. But I want to change it on mobile version.
Hey Again,
Try using the Minimum Height Field to adjust the fancy box height for each viewport. See screenshot:
Thanks.
ThemeNectar Support Team
but it is not changing when I apply less Than default size.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar-fancy-box[data-style="parallax_hover"] .inner { padding: 25% 0 !important; }Thanks
ThemeNectar Support Team
I don’t understand exactly what this css code is doing. Like I said I want two things
1. Making the boxes smaller in mobile version.
2. And making every box same size in every device.
Hey Again,
I am afraid its not possible at the moment as on different screen sizes the texts take a different height.
Thanks.
ThemeNectar Support Team