Menu floats 20px too high due to margin!

  • Author
    Posts
  • #29113
    Hoodling

    I don’t know if this is intentional or not, but the main (top) menu is floating exactly 20px above the image slider.

    This is how my side looks right now: http://blog.hoodling.com/

    When I inspect the element, scroll up a few lines and mouseover the <div id=”main”> line, it shows a clear 20px margin. Clicking that same line shows the rules in a right side window, and there’s one referring to the following as “inline 37”:

    #main {
    margin-top: 20px;
    }

    I found the following in styles.css line 733-737:

    #main {
    clear: both;
    padding: 0px ;
    margin-top: 20px;
    }

    I tried changing the margin-top to 0px, but it had no effect as it’s overwritten by something else. Obviously, I don’t know code and stuff very well… just enough to get by if I get a little help. 🙂

    I really like Tempera, so I’m hoping you guys can help me with this little problem.

    #29399
    Zed
    Cryout Creations mastermind

    I see your menu and sider are not next to eachother, however it does not appear that you are using the theme’s Content Margins option (located under Graphics).


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #30673
    nicole

    Hello Cryout Creations. First time on WordPress, Tempera is a very nice Template and very user friendly. I can make any change i wanted ut to now.

    Only one thing, i cannot find is when the height of the header is flexible, we would like the header image to join the main menu.

    Also i cannot change the width of the Top-Bar, and cannot see the Social Icon in it neither…

    Thank you for your help, in the Forum, i found a lot, but this time, i get stuck

    Have a nice day !

    #30710
    Zed
    Cryout Creations mastermind

    Nicole,
    The header height is configurable in the theme settings. The margin between the menu and the header is set in the style, but can be overridden with custom CSS:
    body #access { margin-top: 0; }

    The topbar is always site-wide. You can only control how wide its content is (site-wide or content-wide). This is controlled in the theme settings (under Graphics). I see your social icons are displayed correctly now.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Menu floats 20px too high due to margin!’ is closed to new replies.