Mobile Header

  • Resolved corrinarusso

    (@corrinarusso)


    5 years, 8 months ago

    Hi guys – I’m trying to place the Image module and the Menu module in-line in the header on mobile using the No Header/No Footer page template.

    Whenever I try to do this, the logo and the hamburger display on 2 separate lines.
    <image logo>
    <hamburger menu>

    I would like :
    <image logo> <hamburger menu>

    Any ideas without any code customization ?
    I’m trying to avoid have to create a separate template file for this.

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Contributor Ben Carlo

    (@hinampaksh)

    5 years, 8 months ago

    Hey @corrinarusso,

    The columns use 100% width on mobile by default which is why they stack.

    Changing their widths to 80/20 on mobile should fix you right up! 🙂

    You can just click on the responsive toggle beside the Width label to switch from desktop to medium to small devices.

    Ben

Viewing 1 replies (of 1 total)

The topic ‘Mobile Header’ is closed to new replies.