Hi! You probably dont support this question, but I dont know what to do, as you dont offer custom text-sizes in your theme.
I am so happy with the final design (in full screen) with my name displaying in the bar with padding etc as I wanted it to. But on smaller screen the text breaks up and overlaps.
When I change the line-heigtht the whole design with black box around it screws up as the padding gets enormous. How to avoid this from happening?
And also: I am almost 100% done with my website, and only thing in responsiveness that is still playing tricks with me is my name in the box. It displays 3 letters and cuts off. How do I get it to fit a mobile screen? I dont see this in any option panel. The regular H1 etc. work fine, but not when used inside a text-bar like in this case...
Try using Viewport units instead of percentages and it should work correctly.
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):
Hi! You probably dont support this question, but I dont know what to do, as you dont offer custom text-sizes in your theme.
I am so happy with the final design (in full screen) with my name displaying in the bar with padding etc as I wanted it to. But on smaller screen the text breaks up and overlaps.
When I change the line-heigtht the whole design with black box around it screws up as the padding gets enormous. How to avoid this from happening?
And also: I am almost 100% done with my website, and only thing in responsiveness that is still playing tricks with me is my name in the box. It displays 3 letters and cuts off. How do I get it to fit a mobile screen? I dont see this in any option panel. The regular H1 etc. work fine, but not when used inside a text-bar like in this case...
Thanks guys!
Hey Again,
Try using Viewport units instead of percentages and it should work correctly.
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):
.peterpackroff h1 { font-size: 4.2vw !important; line-height: 1em !important; }Thanks
ThemeNectar Support Team