Mobile X Padding & Resize

  • Resolved Mike Hindle

    (@mikehindle)


    7 months, 3 weeks ago

    Hello. I can’t seem to figure out how to give the close icon some padding in the mobile menu.

    It’s currently stuck to the very top right.

    Is there also a way to make this icon bigger, as well as the hamburger menu icon?

    Any help would be much appreciated, thank you.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Felipe Santos

    (@foosantos)

    Hi there,

    I believe using CSS should allow you to do that:

    .wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg  {
    width: 48px;
    height: 48px;
} 

.wp-block-navigation__responsive-container-close {
   padding: 25px;
}

    You can add this CSS by going to the Site Editor, then Styles. There you can click on the three-dot icon (kebab menu), and go to Additional CSS:

    https://d.pr/i/Yox1tm
    Full Size: https://d.pr/i/Yox1tm

    Thread Starter Mike Hindle

    (@mikehindle)

    Morning Felipe. That has worked perfectly. Thank you so much ??

    Moderator Felipe Santos

    (@foosantos)

    Yay, my pleasure! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile X Padding & Resize’ is closed to new replies.