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

  • rikosta76

    (@rikosta76)


    1 month, 1 week ago

    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.
    • This topic was modified 1 month, 1 week ago by rikosta76.

    The page I need help with: [log in to see the link]

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

    (@fellixtara)

    1 month, 1 week ago

    Hi @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 (min-width: 768px) and (max-width: 1024px) {
    .header-menu-sidebar {
    width: 360px;
    }
    }

    @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.
    Thread Starter rikosta76

    (@rikosta76)

    1 month, 1 week ago

    Thank you so much.
    That did the trick. 😀

    Best regards

    fellixtara

    (@fellixtara)

    1 month ago

    Hi @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 to reply to this topic.