Round Logo over 2 divs

12 posts from 3 voices

• Started 2 years ago by cris2371
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   cris2371
   Member

   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

   Posted 2 years ago #
2. 

   James Morrison
   Former Team Member

   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

   Posted 2 years ago #
3. 

   cris2371
   Member

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

   Posted 2 years ago #
4. 

   Dude
   Dude

   Hey,
   add following to custom.css (located in the folder "css").

   #header{
   height: 190px;
   }
   
   a img, a:hover img {{
   top: 5px;
   }

   Posted 2 years ago #
5. 

   cris2371
   Member

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

   Posted 2 years ago #
6. 

   Dude
   Dude

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

   Posted 2 years ago #
7. 

   cris2371
   Member

   http://img163.imageshack.us/i/mockupa.jpg/

   Posted 2 years ago #
8. 

   Dude
   Dude

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

   Posted 2 years ago #
9. 

   cris2371
   Member

   ok, open again

   Posted 2 years ago #
10. 

    Dude
    Dude

    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).

    Posted 2 years ago #
11. 

    cris2371
    Member

    this time it worked. thx a lot

    Posted 2 years ago #
12. 

    Dude
    Dude

    Glad that I could help you :)

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.