Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #4082

    Hi there!

    I have a round logo and want to have it over both div´s header and menu-header the navigation, shifting the navigation-links let´s say 100px to the rigt side.

    How do I manage to do this?

    Regards

    Cris

    #44877

    Hey,

    You can adjust the left margin of the navigation menu by adding this to your css/custom.css file:

    #top .main_menu .avia_mega { margin-left: 100px; }

    Add the logo and point me to the site; the exact code is easier to provide having seen the live site.

    James

    #44878

    hi james

    thx a lot. the url: http://www.evopark.at/

    #44879

    Hey,

    add following to custom.css (located in the folder “css”).

    #header{
    height: 190px;
    }

    a img, a:hover img {{
    top: 5px;
    }

    #44880

    sorry, did´nt worked. can I send you an mockup, maybe I didn´t explained well

    #44881

    Please use http://imageshack.us to post images

    #44882
    #44883

    Hey,

    can you open your website again please. It’s easier for me to give you exact instructions if I can investigate the css…

    #44884

    ok, open again

    #44885

    Ok – I looked into it and the easiest way is:

    1) Add following to custom.css:

    #header{
    height: 100px;
    }

    Adjust the height as you like – it will control the blue area which contains the search form (and currently the logo).

    2) Add following to custom.css:

    #top .logo, .logo a{
    position:absolute;
    top: 5px;
    }

    Adjust the top value as you like – it will control the position of the logo (distance to the top).

    #44886

    this time it worked. thx a lot

    #44887

    Glad that I could help you :)

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

The topic ‘Round Logo over 2 divs’ is closed to new replies.