Title: Problem with dual button
Last modified: May 3, 2020

---

# Problem with dual button

 *  Resolved [IanW](https://wordpress.org/support/users/mikes46/)
 * (@mikes46)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-dual-button/)
 * Hi,
    I have a problem with the dual button module displaying properly on a mobile
   device. I have the width of the button set to 165px. On desktop and tablet they
   display properly, on mobile the buttons are beneath each other as expected but
   they change to full screen width. How do I keep the buttons the same size (165px)
   on mobile?
 * Thanks.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fproblem-with-dual-button%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Contributor [puneetsahalot](https://wordpress.org/support/users/puneetsahalot/)
 * (@puneetsahalot)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-dual-button/#post-12777392)
 * Hello [@mikes46](https://wordpress.org/support/users/mikes46/)
 * Thanks for sharing the details.
    With dual-button module, the buttons get automatically
   stacked on mobile devices. We have set this as the default behavior because of
   the small screen size. However, you can keep the buttons same size with the following
   CSS:
 *     ```
       @media only screen and (max-width: 480px) {
       .fl-node-5eada01d3d8c3 .pp-dual-button-content .pp-dual-button, .fl-node-5eada01d3d8c3 .pp-dual-button-content .pp-dual-button .pp-button {
           display: inline-block;
           float: none;
           margin: 0 10px 0 0;
           width: 165px;
           text-align: center;
       }
       }
       ```
   
 * Please add this code to the child theme’s style.css file.
 * Thanks!
 *  Thread Starter [IanW](https://wordpress.org/support/users/mikes46/)
 * (@mikes46)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-dual-button/#post-12777911)
 * [@puneetsahalot](https://wordpress.org/support/users/puneetsahalot/)
    Thanks 
   for your quick reply. This CSS puts the buttons next to each other on mobile 
   display. I wanted the buttons on top of each other on mobile as they were but
   the correct size (165px) not the full width of the screen.
 * Thanks.
 *  Plugin Contributor [puneetsahalot](https://wordpress.org/support/users/puneetsahalot/)
 * (@puneetsahalot)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-dual-button/#post-12777956)
 * ah! My bad. Please remove the CSS that I provided earlier and use this one:
 *     ```
       @media only screen and (max-width: 480px) {
       .fl-node-5eada01d3d8c3 .pp-dual-button-content .pp-dual-button, .fl-node-5eada01d3d8c3 .pp-dual-button-content .pp-dual-button .pp-button {
           margin: 0 auto 10px;
           width: 165px;
       }
       }
       ```
   
 *  Thread Starter [IanW](https://wordpress.org/support/users/mikes46/)
 * (@mikes46)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-dual-button/#post-12778978)
 * [@puneetsahalot](https://wordpress.org/support/users/puneetsahalot/)
    Thank you.
   Thats great.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Problem with dual button’ is closed to new replies.

 * ![](https://ps.w.org/powerpack-addon-for-beaver-builder/assets/icon-256x256.png?
   rev=1721903)
 * [PowerPack Lite for Beaver Builder](https://wordpress.org/plugins/powerpack-addon-for-beaver-builder/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/powerpack-addon-for-beaver-builder/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/powerpack-addon-for-beaver-builder/)
 * [Active Topics](https://wordpress.org/support/plugin/powerpack-addon-for-beaver-builder/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/powerpack-addon-for-beaver-builder/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/powerpack-addon-for-beaver-builder/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [IanW](https://wordpress.org/support/users/mikes46/)
 * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-dual-button/#post-12778978)
 * Status: resolved