put the menu above the content box

Support Area Forums Responsive Visual put the menu above the content box

This topic contains 7 replies, has 2 voices, and was last updated by  Bill Robbins 2 years, 9 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
URL to the page in question: http://
  • Author
    Posts
  • #23058

    Thomas Pientka
    Participant

    hi i am wondering if you can put the menu of the normal pages (every template) above the content (with a gap like the staff page).
    regards
    thomas

    #23060

    Bill Robbins
    Keymaster

    Thomas,

    I believe that you can do that. Here’s how:

    1. Go to your theme options page and choose the Style tab.
    2. Scroll down to the Custom CSS box and add this:
      
      .wrap.shadow {	
      	-moz-box-shadow: none;
      	-webkit-box-shadow: none;
      	box-shadow: none;
      }
      
      #content {
      	padding-top: 20px;
      }
      
      #page-wrap {
      	top: 70px;
      	position: relative;
      	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      }
      
      #page-wrap #nav-bar {
      	top: -70px;
      }
      
    3. Update your settings.

    If you need to adjust the position of the navigation bar and the content box you can do that by changing the top values in the last two styles. If you make the top larger on the #page-wrap it will move the content box and navigation bar further down the page. If you make the top smaller (more negative) on the #page-wrap #nav-bar it will increase the distance between the navigation bar and the content.

    If you run into trouble, let me know,
    Bill

    #23061

    Thomas Pientka
    Participant

    hey bill, thats fantastic!

    only the slideshow page seems to to be affected.
    i just notice also if you choose a standard page templat with a feature image (the menu is still overlayed over the image).

    #23063

    Bill Robbins
    Keymaster

    Any chance you could let me see what’s happening on your slideshow page? On my end, it’s not affecting the home page, staff, podcast, image or gallery formats. There could be something else affecting it.

    Thanks,
    Bill

    #23064

    Thomas Pientka
    Participant

    oh i am sorry – it’s working for fullwidth and standardtemplate (without feature image).
    also not working for the slideshow homepage.

    i like to have those pages also with a gap to the menu!

    #23065

    Bill Robbins
    Keymaster

    Use this instead:

    
    .front {
    	overflow: visible;
    }
    
    .wrap.shadow {	
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	box-shadow: none;
    }
    
    #content {
    	padding-top: 20px;
    }
    
    #page-wrap {
    	position: relative;
    	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }
    
    .front,
    #page-wrap {
    	top: 70px;
    }
    
    #nav-bar {
    	top: -70px;
    }
    
    #home-sidebar,
    #panel {
    	height: auto;
    	top: 0;
    	bottom: 0;
    }
    
    footer.primary {
    	margin-top: 90px;
    }
    
    #23066

    Thomas Pientka
    Participant

    cool that’s working great!
    thank you.

    #23067

    Bill Robbins
    Keymaster

    Fantastic Thomas. Take care.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘put the menu above the content box’ is closed to new replies.