bootstrap carousel caption text not responsive

This forum is for general questions about extensions for Joomla! 3.x.

Moderators: pe7er, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
shaibustephen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 225
Joined: Sat Nov 17, 2018 1:52 pm

bootstrap carousel caption text not responsive

Post by shaibustephen » Thu Jan 23, 2020 2:33 am

Please, how do i make bootstrap caption text responsive in mobile device. Kindly view the screenshot of the caption text in the mobile device. What line of css should i add to make look like the desktop screenshot below on mobile device
<div class="carousel-caption text-left">
<h1>Example headline.</h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p><a class="btn btn-lg btn-primary" href="https://getbootstrap.com/docs/4.3/examples/carousel/#" role="button">Sign up today</a></p>
</div>
mobile.png
desktop.png
You do not have the required permissions to view the files attached to this post.

 
User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2218
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: bootstrap carousel caption text not responsive

Post by AlexVega » Wed Mar 11, 2020 10:21 pm

Hi there,

Here you have more information about responsive font sizes:
https://getbootstrap.com/docs/4.4/conte ... font-sizes

You also can add the CSS with this option:
https://docs.joomla.org/J3.x:Adding_a_c ... _Protostar

User avatar
AMurray
Joomla! Champion
Joomla! Champion
Posts: 5502
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: bootstrap carousel caption text not responsive

Post by AMurray » Sat Mar 21, 2020 1:53 am

Regards,
--------------------------------------------------------------
A Murray
Millennium Falcon - it's the ship that made the Kessel run in less than 12 parsecs! The fastest hunk of junk in the galaxy.

 

Post Reply

Return to “Extensions for Joomla! 3.x”