StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

how to make mobile menu inline -infinity pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › how to make mobile menu inline -infinity pro

This topic is: not resolved

Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 23, 2018 at 9:09 am #219196
    eileen.choi
    Member

    Me again 🙂

    Hoping someone has some tips/tricks/code snippets to make the mobile menu inline-- as in, have the hamburger menu show next to (far left corner) the logo (far right corner) rather than on top of eachother (which is the default).

    Thanks!!

    http://eileenchoi.com
    April 23, 2018 at 9:36 am #219197
    Brad Dalton
    Participant

    You could use CSS grid for that. The CSS for the media queries max-width: 800px is what you need to edit.

    @media only screen and (max-width: 800px)

    Starts line 1843.

    Tutorials for StudioPress Themes.

    April 25, 2018 at 4:23 am #219256
    Brad Dalton
    Participant

    Did you get this resolved?

    Tutorials for StudioPress Themes.

    May 1, 2018 at 3:45 am #219461
    eileen.choi
    Member

    Hi Brad,

    Not quite sure what you mean - do you mean, I need to add in CSS grid properties? Would you mind being a little more specific? (sorry for the late reply, was taken out by a flu for the last week)

    May 4, 2018 at 4:57 am #219536
    Brad Dalton
    Participant

    One option is to use CSS Grid to display each element in a column.

    Tutorials for StudioPress Themes.

    May 8, 2018 at 5:51 am #219634
    eileen.choi
    Member

    I'm assuming you mean re-writing or writing over the existing html structure? Do you know if there is a way to manipulate the php code, I'm almost sure that the structure of the header is set by the php code in front-page.php... I tried messing with the css properties but haven't been able to find a way to set the elements correctly. Using CSS grid, as I understand, would mean adding custom html and new css grid properties to achieve the effect. Wouldn't that bloat that code (albeit not by much)?

    May 8, 2018 at 6:20 am #219637
    Brad Dalton
    Participant

    No, you can modify the CSS for media queries to do this.

    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.