Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1084520
    Aaron
    Participant

    Hi,

    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.

    #1084522
    Aaron
    Participant
    This reply has been marked as private.
    #1084716
    Christopher
    Moderator

    Hi 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.

    #1084818
    Aaron
    Participant

    hi, but what about the css as elements are now moved with alignment issues still not resolving the responsive footer issue. Thanks

    #1085055
    Rupok
    Member

    Hi 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!

  • <script> jQuery(function($){ $("#no-reply-1084520 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>