Title: Menu Icon (mobile) how to make it smalle.r
Last modified: March 3, 2026

---

# Menu Icon (mobile) how to make it smalle.r

 *  [rikosta76](https://wordpress.org/support/users/rikosta76/)
 * (@rikosta76)
 * [1 month, 1 week ago](https://wordpress.org/support/topic/menu-icon-mobile-how-to-make-it-smalle-r/)
 * Hello.
 * My issue is that on a mobile device, when pressing the menu, the box that opens
   from the left is full screen. I would like it to be smaller. There is no need
   for it to be full screen if the text only goes halfway. I am using the menu icon
   on the header and spent some hours trying to find the place to change this. Does
   this option even exist? By the way, on the tablet it does not go full screen,
   but it could definitely be smaller.
 * Can you guys help me find a solution?
 * Kind regards, Ricardo
    -  This topic was modified 1 month, 1 week ago by [rikosta76](https://wordpress.org/support/users/rikosta76/).
    -  This topic was modified 1 month, 1 week ago by [rikosta76](https://wordpress.org/support/users/rikosta76/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmenu-icon-mobile-how-to-make-it-smalle-r%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [fellixtara](https://wordpress.org/support/users/fellixtara/)
 * (@fellixtara)
 * [1 month, 1 week ago](https://wordpress.org/support/topic/menu-icon-mobile-how-to-make-it-smalle-r/#post-18842954)
 * Hi [@rikosta76](https://wordpress.org/support/users/rikosta76/) ,
 * Thank you for reaching out.
 * At the moment, the Solace theme does not include a built-in option to adjust 
   the **menu width for tablet and mobile views**. The sidebar menu size is set 
   by default.
 * However, you can modify the menu width by adding **custom CSS** in **Appearance
   → Customize → Additional CSS** using the code below:
 * > [@media](https://wordpress.org/support/users/media/) (min-width: 768px) and(
   > max-width: 1024px) {
   > .header-menu-sidebar {width: 360px;}}
   > [@media](https://wordpress.org/support/users/media/) (max-width: 767px) {
   > .
   > header-menu-sidebar {width: 260px;}}
 * You can adjust the **width values** to any size that fits your design preference.
 * If you have any other questions, feel free to let us know. We’re happy to help!
 * Best regards,
   SolaceWP Team
    -  This reply was modified 1 month, 1 week ago by [fellixtara](https://wordpress.org/support/users/fellixtara/).
 *  Thread Starter [rikosta76](https://wordpress.org/support/users/rikosta76/)
 * (@rikosta76)
 * [1 month, 1 week ago](https://wordpress.org/support/topic/menu-icon-mobile-how-to-make-it-smalle-r/#post-18843155)
 * Thank you so much.
   That did the trick. 😀
 * Best regards
 *  [fellixtara](https://wordpress.org/support/users/fellixtara/)
 * (@fellixtara)
 * [1 month ago](https://wordpress.org/support/topic/menu-icon-mobile-how-to-make-it-smalle-r/#post-18849224)
 * Hi [@rikosta76](https://wordpress.org/support/users/rikosta76/)
 * You’re very welcome — glad it worked! 😊
   If you need any further assistance, 
   feel free to reach out anytime.
 * Best regards,
   SolaceWP Team

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

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmenu-icon-mobile-how-to-make-it-smalle-r%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://ps.w.org/solace-extra/assets/icon-256x256.jpg?rev=3096461)
 * [Solace Extra](https://wordpress.org/plugins/solace-extra/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/solace-extra/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/solace-extra/)
 * [Active Topics](https://wordpress.org/support/plugin/solace-extra/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/solace-extra/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/solace-extra/reviews/)

## Tags

 * [box size](https://wordpress.org/support/topic-tag/box-size/)
 * [menu icon](https://wordpress.org/support/topic-tag/menu-icon/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * 3 replies
 * 2 participants
 * Last reply from: [fellixtara](https://wordpress.org/support/users/fellixtara/)
 * Last activity: [1 month ago](https://wordpress.org/support/topic/menu-icon-mobile-how-to-make-it-smalle-r/#post-18849224)
 * Status: not resolved