- This topic has 1 reply, 2 voices, and was last updated 8 years, 3 months ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › Responsive Mobile Slider text
theme: YOGI PRO
www.DianeChristiansen.com
The text on my homepage slider was not showing up in mobile view, so I added the code below which made the text show up but the font size doesn’t appear to be responsive – it’s way too big for mobile view (fine on computer).
@media screen and (max-width:479px) {
.header { position:relative !important; height:auto !important; padding-bottom:0;}
.nivo-caption { width:100% !important; display:block !important; left:0 !important;}
#slider .top-bar h2 { font-size:18px !important;}
#slider .top-bar p { display:block !important; font-size:14px !important;}
.slider-main { padding-top:0 !important;}
.header .header-inner { padding:0;}
#slider .top-bar { top:8px !important;}
}
Is there a way to make the slider text responsive with mobile?
Thank You for your help!
Hi Tess,
Add this code in Custom CSS Box:
@media screen and (max-width:479px) {
.slide_info h2{font-size:15px !important;}
.slide_info p{font-size:12px !important;}
}
Regards,
Dave
Document Management WordPress Plugins for File Management There are many document management WordPress plugins available online. Starting to open-source blogging software to a fully-fledged CMS […]
Are you looking for the best WooCommerce based plugins for your WooCommerce Website? Here’s a list of the best WooCommerce based plugins. These are suitable […]
When talking about WordPress, you may get curious about the plugins used by WordPress, shortcodes, page builder, etc., in the same way, SEO optimized WordPress […]