Not sure if this is how the theme was built or an error. Say I make the heading on a Nectar slide 110px. When you shrink the screen or view on mobile it automatically bumps the font size down to 16px. That's quite a jump and throws off the entire look of the slide. Is this normal? Any hints on how to adjust this would be much appreciated. I understand the font needs to shrink due to the space being smaller but it should retain its ratio to the buttons and space its in right?
also you'll notice I've experimented with adding three buttons into the nectar slider by adding the attached code to the caption section. I got the three buttons like I wanted but it makes it so the heading and buttons aren't centered in the section anymore? Do you have a recommendation on how to best adjust this? Or perhaps a better way to add the third button?
Hello!
Not sure if this is how the theme was built or an error. Say I make the heading on a Nectar slide 110px. When you shrink the screen or view on mobile it automatically bumps the font size down to 16px. That's quite a jump and throws off the entire look of the slide. Is this normal? Any hints on how to adjust this would be much appreciated. I understand the font needs to shrink due to the space being smaller but it should retain its ratio to the buttons and space its in right?
Thanks for this great theme and your help!
Kevin
Also! What would be your recommendation for increasing a font size beyond the 110px limit the theme has?
Hey Kevin!
Could you please provide the site url so i can write up some custom css for you.
Thanks
ThemeNectar Support Team
also you'll notice I've experimented with adding three buttons into the nectar slider by adding the attached code to the caption section. I got the three buttons like I wanted but it makes it so the heading and buttons aren't centered in the section anymore? Do you have a recommendation on how to best adjust this? Or perhaps a better way to add the third button?
Thanks!
Hey!
@media only screen and (max-width : 1000px) { body .nectar-slider-wrap[data-full-width="false"] div.swiper-slide .content h2 { font-size: 32px!important; line-height: 51px!important; margin-bottom: 6px; letter-spacing: -0.5px; } body .nectar-slider-wrap[data-full-width="false"] div.swiper-slide .content p { font-size: 15px!important; line-height: 20px!important; padding-bottom: 7px; } html body .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button.transparent_2 a { font-size: 15px!important; padding: 2px 7px !important; } body .swiper-slide .content { width: 100%; top: 10px !important; } }
Cheers
ThemeNectar Support Team