• Resolved bchavoo

    (@bchavoo)


    Hi,

    I noticed that the mobile set up has the website title, description, and menu all aligned vertically. Is there a way I can have it so title and description is on the on the left and the menu is placed on the right (just for mobile devices). I have tried to play around with the css but can only change the title and description font sizes.

    Any help would be appreciated! Thanks in advanced.

    UPDATE:

    I was able to move the menu to the right using
    .icon-menu {
    padding-left: 200px;
    }

    I am now looking into keeping title and description flex-direction: column but changing that to flex row with the menu to keep them on the same line at the bottom.

    • This topic was modified 5 years, 1 month ago by bchavoo.
    • This topic was modified 5 years, 1 month ago by bchavoo.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi,

    Thank you for reaching out to us here.

    Try adding this CSS code:

    
    @media only screen and (max-width: 767px) {
      .site-branding {
        text-align: left;
        max-width: 80%;
        float: left;
      }
    }
    

    In case it doesn’t help, I’d request sharing your website URL here, so I can inspect your current setup directly.

    Regards,
    Kharis

    Thread Starter bchavoo

    (@bchavoo)

    This worked to align left! I also added top: 10px to and changed the height of .site-branding to bring the text down. Thanks for the quick reply!

    Great! You’re welcome!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

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

The topic ‘Mobile menu placement’ is closed to new replies.