keeping menu responsive within childtheme of twenty twelve (4 posts)

  1. slshaw115
    Posted 3 years ago #

    So I pulled the menu out of the div so I could make it extend the entire width of the page. Now, everything else on the page is responsive but the top menu. Does anyone have any suggestions as to how I could keep the menu extending all the way across the top of the screen while at the same time keeping it responsive. Any help would be appreciated.

    here's the site so you can take a look.



  2. Marventus
    Posted 3 years ago #

    Hi Stephen,
    I read your post multiple times and checked your site, and I don't understand what you are trying to do or what is failing. If you mean that the logo is aligned with your menu, that's because your logo seems to be called as a menu item.
    If that's not the pb, if you could please elaborate further, I'll try to give you a hand.

  3. slshaw115
    Posted 3 years ago #

    Hey Marventus,

    What I'm trying to do is keep the menu responsive as you make the page smaller. The rest of the page is responsive but you'll notice that the menu stays where it is as you make the window smaller and it is somewhat responsive but doesn't look very good. I'm trying to make it so that as you make the window smaller the menu items stack on top of each other and are centered so that it looks better to people using a smart phone.

  4. Marventus
    Posted 3 years ago #

    There are two ways of accomplishing what you are trying to do (that I can think of at least):
    1. Center both the Circle Studios logo and the menu, but place the menu under the logo (screenshot);
    2. Leave the logo aligned to the left and center the menu (screenshot).
    For either solution, you have to remove the logo from the top menu and call it inside an img tag or as a background image for a div before you call the nav-menu.
    Let me know which one you would prefer, and do a pastebin of your header.php and style.css files and I'll tell you what needs to be changed to implement either solution.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.