CSS to move menu

  • Resolved Mandipdx

    (@mandipdx)


    14 years, 9 months ago

    Hello fellow WP junkies.

    Would someone please help me? I am trying to move my menu down about 10px and left about 10px. As you see it breaks to the next line and the placement is a bit haphazard. I have tried changing the css for a couple hours using firebug and trial and error with my child theme, but the code is elaborate and complex.

    http://destination-beyond.com/

    fyi: The theme is ‘Creation’ from themeforest.

    Thanks in advance for any help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@alchymyth)

    14 years, 9 months ago

    edit style.css of your theme;
    change these to:

    #top-left{width:220px; float:left; overflow: hidden; }
#top-right{width:720px; float:left;}

    change this to:
    #top-navigation{clear:right; padding:10px 10px 0px 0px;}

    (not cross-browser tested)

    Thread Starter Mandipdx

    (@mandipdx)

    14 years, 9 months ago

    @alchymyth thanks!

    I added the code, took out search box and changed to float right:

    ‘
    #top-left{width:220px; float:right; overflow: hidden; }
    #top-right{width:720px; float:right;}

    #top-navigation{clear:right; padding:0px 10px 0px 0px;}’

    It is almost perfect. How do I make the menu display above the line?

    Thanks so much!

    Thread Starter Mandipdx

    (@mandipdx)

    14 years, 9 months ago

    After it going haywire, I fixed it.
    final code I used:

    ‘#top-left{width:220px; float:left; overflow: hidden; }
    #top-right{width:720px; float:left;}

    #top-navigation{clear:right; padding:100px 10px 0px 0px;}
    ‘

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS to move menu’ is closed to new replies.