Title: Button not responsive
Last modified: August 22, 2016

---

# Button not responsive

 *  [tcyeoh81](https://wordpress.org/support/users/tcyeoh81/)
 * (@tcyeoh81)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/button-not-responsive/)
 * Hello,
 * I managed to create a “contact us” button on [http://www.sgcleanxpert.com](http://www.sgcleanxpert.com)
 * The button layout is good on a PC. But when I shrink the website to mobile version,
   the button overlaps with the logo. Under the mobile version, the “contact us”
   button should be placed above the logo but below the social media icons.
 * In header.php, I place the button between social media icons and the logo.
 * >  <div class=”addons”>
   >  <?php if( mfn_opts_get(‘telephone-number’) ): ?><p class
   > =”phone”><i class=”icon-phone”></i><?php mfn_opts_show(‘telephone-number’) ?
   > ></p><?php endif; ?> <?php if( mfn_opts_get(‘header-email’) ): ?><p class=”
   > mail”><i class=”icon-envelope-alt”></i>“><?php mfn_opts_show(‘header-email’)?
   > ></p><?php endif; ?> <div class=”social”>
   >  - <?php endif; ?>
   >     <?php if( mfn_opts_get(‘social-googleplus’) ): ?><li class
   >    =”googleplus”>” title=”Google+”>G
   >    <?php endif; ?>
   >     <?php if( mfn_opts_get(‘
   >    social-twitter’) ): ?><li class=”twitter”>” title=”Twitter”>L
   >    <?php endif;?
   >    >
   >     <?php if( mfn_opts_get(‘social-vimeo’) ): ?><li class=”vimeo”>” title
   >    =”Vimeo”>V
   >    <?php endif; ?>
   >     <?php if( mfn_opts_get(‘social-youtube’) ): ?
   >    ><li class=”youtube”>” title=”YouTube”>X
   >    <?php endif; ?>
   >     <?php if( mfn_opts_get(‘
   >    social-flickr’) ): ?><li class=”flickr”>” title=”Flickr”>N
   >    <?php endif; ?
   >    >
   >     <?php if( mfn_opts_get(‘social-linkedin’) ): ?><li class=”linked_in”>”
   >    title=”LinkedIn”>I
   >    <?php endif; ?>
   >     <?php if( mfn_opts_get(‘social-pinterest’)):?
   >    ><li class=”pinterest”>” title=”Pinterest”>:
   >    <?php endif; ?>
   >     <?php if( 
   >    mfn_opts_get(‘social-dribbble’) ): ?><li class=”dribbble”>” title=”Dribbble”
   >    >D
   >    <?php endif; ?>
   >  </div>
   >  </div> <?php echo do_shortcode(‘[maxbutton id=”1″]’); ?> <!– #logo–
   > > <?php if( is_front_page() ) echo ‘<h1>’; ?> ” title=”<?php bloginfo( ‘name’);?
   > >”> <img src=”<?php mfn_opts_show(‘logo-img’,THEME_URI .’/images/logo.png’);?
   > >” alt=”<?php bloginfo( ‘name’ ); ?>” />  <?php if( is_front_page() ) echo ‘
   > </h1>’; ?>
 * In custom CSS, I added
 * >  a.maxbutton-1 {
   >  position: relative !important; top: 70px; right: 130px; }
 * Appreciate if someone can help me to make the button responsive.
    Thanks a lot.
 * [https://wordpress.org/plugins/maxbuttons/](https://wordpress.org/plugins/maxbuttons/)

Viewing 1 replies (of 1 total)

 *  Plugin Author [Bas Schuiling](https://wordpress.org/support/users/basszje/)
 * (@basszje)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/button-not-responsive/#post-5762116)
 * Hi,
 * Instead of using top to move around the button in your case it probably will 
   work better if you use inline-block on the anchor in your responsive stylesheets
   like so :
 * `a.maxbutton-1 { display: inline-block; }`
 * After that you can play around with margins to make it look good.

Viewing 1 replies (of 1 total)

The topic ‘Button not responsive’ is closed to new replies.

 * ![](https://ps.w.org/maxbuttons/assets/icon-128x128.png?rev=1378636)
 * [MaxButtons - Create buttons](https://wordpress.org/plugins/maxbuttons/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/maxbuttons/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/maxbuttons/)
 * [Active Topics](https://wordpress.org/support/plugin/maxbuttons/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/maxbuttons/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/maxbuttons/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 1 reply
 * 2 participants
 * Last reply from: [Bas Schuiling](https://wordpress.org/support/users/basszje/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/button-not-responsive/#post-5762116)
 * Status: not resolved