Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 23, 2020 at 4:09 am #1247726
    navindesigns

    current site – https://balrajdesign.com/elev8

    mockup – https://ibb.co/r04fqQQ

    Is is possible to do the following:
    1- Overlay my logo so part of it is below the header like my screenshot

    2- Add a drop shadow below the entire header at the bottom

    Thanks

    September 24, 2020 at 1:47 pm #1248144
    Mike

    Hey navindesigns,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 780px) {
#header .logo {
    transform: translate(-50%,18%) !important;
}
#header {
	 box-shadow: 3px 10px 9px rgba(0,0,0,0.3) !important;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 24, 2020 at 2:16 pm #1248157
    navindesigns

    Perfect. One last thing, how do I now move the main men items (HOME ABOUT PORTFOLIO CONTACT) down about 30px?

    Thanks as always

    September 24, 2020 at 3:27 pm #1248190
    Jordan Shannon

    Hi,

    Add this to quick css:

    #top #header .av-main-nav > li{
margin-top:30px!important;
}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.