Tagged: x
-
AuthorPosts
-
July 13, 2016 at 4:11 am #1084520
AaronParticipantHi,
I currently have a footer and would like it decreased with correct width etc when scaled down to smaller screen sizes, and also average laptop sizes. Thanks.
July 13, 2016 at 4:12 am #1084522
AaronParticipantThis reply has been marked as private.July 13, 2016 at 7:17 am #1084716
ChristopherModeratorHi there,
Please update your code to :
<img src="https://s32.postimg.org/eqmtuzl81/unitu_logo.png" alt="Unitu Logo"> <div class="x-column x-1-4 x-sm"> <div class="company"> <h1 class="Header1 text-font">Company</h1> <p class="about para-font">About Us</p> <p class="careers para-font">Careers</p> <p class="customers para-font">Customers</p> </div> </div> <div class="x-column x-1-4 x-sm"> <div class="support"> <h1 class="Header2 text-font">Support</h1> <p class="contact para-font">Contact Us</p> <p class="intergrations para-font">Intergrations</p> <p class="help para-font">Help Desk</p> <p class="demo para-font">Request a Demo</p> </div> </div> <div class="x-column x-1-4 x-sm"> <div class="security"> <h1 class="Header3 text-font">Security</h1> <p class="terms para-font">Terms & Conditons</p> <p class="privacy para-font">Data Protection</p> </div> </div> <div class="x-column x-1-4 x-sm"> <div class="social"> <h1 class="Header4 text-font">Connect with Us</h1> <p class="fb para-font">Facebook</p> <p class="twitter para-font">Twitter</p> </div> </div> </div>Hope it helps.
July 13, 2016 at 8:09 am #1084818
AaronParticipanthi, but what about the css as elements are now moved with alignment issues still not resolving the responsive footer issue. Thanks
July 13, 2016 at 10:40 am #1085055
RupokMemberHi there,
Your footer seems responsive as the columns will be stacked in smaller screens. What else you are trying to achieve? Kindly clarify properly.
Cheers!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1084520 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
