Support » Fixing WordPress » need help with menu positioning

  • Hi. I have done everything I want with this menu but when I make the browser window smaller it goes off the page. Here’s the link and css I’m using. I can accomplish what I want with the menu using padding left and right but if I do that it covers the .entry content (disables links). I either need to position the entry content above the menu’s div or make the menu stop on the left margin so it doesn’t hide. I’m not sure how to accomplish either. Thanks for any help.

    http://www.lifescapeweb.com/dev/about/

    menu’s container:

    #masthead{
    width:230px;
    z-index: 0;
    top: 0px;
    margin: 1% auto;
    left: 0;
    right: 0;
    padding-right: 0px;
    padding-left: 25px;
    position:fixed;
    left:-715px;

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you talked to your theme’s vendors?

    Thread Starter greymann

    (@greymann)

    This comes from a free theme that i’ve customized. Is there a better place where I can find some help with div’s/css?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which theme is this regarding?

    your linked site is using a child theme of headway, which is not one of the themes from http://wordpress.org/themes/ which are the only themes supported in this forum.

    Is there a better place where I can find some help with div’s/css?

    try a CSS forum like http://csscreator.com/forum

    I think you need to rethink how you’re creating this theme. To fix it to do what you want from where you are will not be good practise.
    I recommend going back a few steps and thinking about how design this a little more user-friendly.
    As soon as you start positioning elements on top of others then you’ll be covering the DOM elements beneath them.
    Consider taking your menu out of the header and into a new sidebar element that is always on the left, then use CSS media queries to make the theme responsive (i.e. under 400-500px width, clear: both; or width: 100% so that the menu stacks above the content.

    Aaron

    Thread Starter greymann

    (@greymann)

    Thanks fellas.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘need help with menu positioning’ is closed to new replies.