Title: Overflow issue
Last modified: August 21, 2021

---

# Overflow issue

 *  Resolved [fah121](https://wordpress.org/support/users/fah121/)
 * (@fah121)
 * [4 years, 12 months ago](https://wordpress.org/support/topic/overflow-issue/)
 * Hithere,
    On the mobile version when you set the overflow of the section which
   menu is into default. you can move the screen to the left and that will leave
   some blank space on the right side until you scroll and the screen will adjust
   itself. as you can see on these screenshots: [https://prnt.sc/1qdqc6a](https://prnt.sc/1qdqc6a)
   [https://prnt.sc/1qdqd3u](https://prnt.sc/1qdqd3u) This problem can be solved
   by setting the overflow to hidden! but when you do that drop-down menu disappears
   as you can see on these screenshots: [https://prnt.sc/1qdqdp1](https://prnt.sc/1qdqdp1)
   [https://prnt.sc/1qdqe0u](https://prnt.sc/1qdqe0u)
 * Info:
    Theme: Astra Free version Elementor: Free version Any advice would greatly
   appreciate.
 * Thanks,
    P

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

 *  [pranuthi](https://wordpress.org/support/users/pranuthi/)
 * (@pranuthi)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/overflow-issue/#post-14920440)
 * Hi,
    I got the same issue. Adding this code to the additional CSS helped me.
 *     ```
       @media only screen and (max-width: 768px){
           html,
           body{
           width:100%;
           overflow-x:hidden;
           }
       }
       ```
   
 * Regards,
    Pranuthi.
 *  Thread Starter [fah121](https://wordpress.org/support/users/fah121/)
 * (@fah121)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/overflow-issue/#post-14921464)
 * Hi pranuti,
 * Thanks for the solution. I fixed the issue already but thanks again for sharing.
 * Best regards,
    P
 *  [gurtansrt1](https://wordpress.org/support/users/gurtansrt1/)
 * (@gurtansrt1)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/overflow-issue/#post-15411296)
 * Thanks [@pranuthi](https://wordpress.org/support/users/pranuthi/). After a sleepless
   night and 10 other alternatives, this fixed the issue. and did not effect the
   dropdown menu on header.
 * Peace
 *  [mmitrica7](https://wordpress.org/support/users/mmitrica7/)
 * (@mmitrica7)
 * [4 years ago](https://wordpress.org/support/topic/overflow-issue/#post-15895347)
 * What is the solution to alow Overflow on header to be able to use menu button,
   and also to prevent horizontal sliding on mobile version?
 * This code
 *     ```
       @media only screen and (max-width: 768px){
           html,
           body{
           width:100%;
           overflow-x:hidden;
           }
       }
       ```
   
 * ?
 * Where to put it?
 *  [Umar](https://wordpress.org/support/users/bsfumar/)
 * (@bsfumar)
 * [4 years ago](https://wordpress.org/support/topic/overflow-issue/#post-15905565)
 * Hello [@mmitrica7](https://wordpress.org/support/users/mmitrica7/) ,
 * For this, you will need to add some additional custom CSS to align them vertically.
   Kindly add the CSS on your site in the Additional CSS tab. Here is the link for
   more details:
    [https://wpastra.com/docs/adding-custom-css-code/](https://wpastra.com/docs/adding-custom-css-code/)
 * If you are good at scripting skills, then you will be able to get it done by 
   yourself. Here is a detailed idea on how you can add the custom CSS code into
   your site easily:
    [https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/](https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/)
 * Also, about the file(s), below tutorials can be helpful:
    [https://www.wpbeginner.com/plugins/how-to-find-which-files-to-edit-in-wordpress-theme/](https://www.wpbeginner.com/plugins/how-to-find-which-files-to-edit-in-wordpress-theme/)
 * [https://wpastra.com/guides-and-tutorials/custom-css-wordpress/](https://wpastra.com/guides-and-tutorials/custom-css-wordpress/)
 * In your case, you just need to find-out the relevant CSS classes and then you
   can add your own styling accordingly.
 * Hope this helps and let me know if I can be of further assistance.
 * I hope this will give you what you are looking to have 🙂

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

The topic ‘Overflow issue’ is closed to new replies.

 * ![](https://ps.w.org/header-footer-elementor/assets/icon-256x256.gif?rev=3278750)
 * [Ultimate Addons for Elementor](https://wordpress.org/plugins/header-footer-elementor/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/header-footer-elementor/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/header-footer-elementor/)
 * [Active Topics](https://wordpress.org/support/plugin/header-footer-elementor/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/header-footer-elementor/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/header-footer-elementor/reviews/)

 * 5 replies
 * 5 participants
 * Last reply from: [Umar](https://wordpress.org/support/users/bsfumar/)
 * Last activity: [4 years ago](https://wordpress.org/support/topic/overflow-issue/#post-15905565)
 * Status: resolved