Mobile menu placement

  • Resolved bchavoo

    (@bchavoo)


    5 years, 1 month ago

    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)
  • Kharis Sulistiyono

    (@kharisblank)

    5 years, 1 month ago

    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)

    5 years, 1 month ago

    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!

    Kharis Sulistiyono

    (@kharisblank)

    5 years, 1 month ago

    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.