So I see there is an option for custom font size inside the 'Highlighted Text' component. If I change it to 15vh its perfectly how I want it, but then that doesnt scale well on some smaller web browser screens. Is there an option I didnt notice or do I have to add custom code to lower the font size for responsive screens?
Thanks for your reply, that looks a bit better but still a bit large on mobile. What are your responsive ranges in the code? I was wondering if I can just amend some of them in custom code.
I also wanted to amend some padding of containers on mobile, so perhaps if you could tell me what your responsive codes are, I could just do that myself :)
Hi,
So I see there is an option for custom font size inside the 'Highlighted Text' component. If I change it to 15vh its perfectly how I want it, but then that doesnt scale well on some smaller web browser screens. Is there an option I didnt notice or do I have to add custom code to lower the font size for responsive screens?
Thanks in advance
Hey monika_zygadlo ,
Try using the viewport width attribute instead of viewport height as that would work more accurately.
Change to 15vw instead and check.
Thanks
ThemeNectar Support Team
Thanks for your reply, that looks a bit better but still a bit large on mobile. What are your responsive ranges in the code? I was wondering if I can just amend some of them in custom code.
I also wanted to amend some padding of containers on mobile, so perhaps if you could tell me what your responsive codes are, I could just do that myself :)
Hey Again,
We have a Responsive CSS file though would not suggest to edit it as those changes would be lost in the next theme update.
Try using the Inspect Option in Chrome Dev Tools to find the relevant CSS code and copy paste it with the amendments to customize it.
Thanks
ThemeNectar Support Team