How to have a Vertical menu, logo & header sharing the top of the page (4 posts)

  1. Bryce Smart
    Posted 5 years ago #

    Hi guys n gals, im trying to set up my vertical menu so it sits at the top of the page on the left and the header sits to the right of it. This way when people click on the menu and it drops down the page and the page refreshes you wont have to keep scrolling down the page. An example of what I am trying to achieve is on this domain:

    My website is:
    My website http://rotovegasmotelrotorua.co.nz/wordpress/

    Also does anyone have any idea of which plugin to use that does the images on the regentrotorua.co.nz site? it looks snazzy!

    Your help is greatly appreciated.

  2. robrat
    Posted 5 years ago #

    You mean how do you have the header links be in a sidebar?
    I don't really get what you're trying to do, but I suspect whatever it is you need to use the CSS element "float: left"

  3. Bryce Smart
    Posted 5 years ago #

    Sorry for the confusion. I have built a webpage template which can be seen at http://rotovegasmotelrotorua.co.nz/wordpress/. I would like to have the banner only come two thirds of the way accross the page (right to left) and have the vertical menu placed to the left of the banner with the logo above that. The example of what i am trying to achieve is at http://www.regentrotorua.co.nz. Do i need to create a side bar and put the logo at the top, but then how do you add a vertical menu in the same format as i already have? and how do you reduce the size of the banner to only two thirds of the page? is this done in the template or in WP? Help. Thoughts are appreciated. Also, any idea of what plugin has been used for the slideshow on the regentrotorua.co.nz website? Thanks in advance.

  4. lockettpots
    Posted 5 years ago #

    As your html structure stands it would be very difficult (impossible?) to achieve the layout you want.
    If you look at the source of the example you gave you will see it is a much cleaner, simpler structure with a wrapper ( called center ) with a width of 940px and a position: relative rule. This contains a sidebar div of 220px which is floated left, and a main div of 720px also floated left.

    Below the wrapper is a footer div with a width of 940px.

    Within this sort of structure you could easily get the layout you want in the theme template.

Topic Closed

This topic has been closed to new replies.

About this Topic