Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 25, 2018 at 5:35 pm #932643
    HeeHA

    Hi
    We found a website. The site header logo cross the slideshow and it’s have a shadow under the logo.
    Screenshot:
    http://nimb.ws/VdM0gW

    The site URL:
    http://www.tanko.com.tw/

    Is it possible to create the header like the site?
    If yes. How to do it?

    Thank you!

    March 26, 2018 at 12:55 am #932732
    Mike

    Hey HeeHA,
    They have an image for the logo with a higher z-index to be placed over the site
    logo
    this is the css:

    header .downBox h1{
	position:absolute;
	left:0;
	top:0;
	z-index:99;}

header .downBox h1 a{
	display:block;
	width:378px;
	height:139px;
	
	background:url(https://www.tanko.com.tw/images/logo.png) no-repeat center -13px;
	background-size:contain;
	text-indent:-9999px;}

    Best regards,
    Mike

    March 26, 2018 at 4:34 am #932777
    HeeHA
    This reply has been marked as private.
    March 26, 2018 at 8:46 am #932857
    Nikko

    Hi,

    First thing that Mike pointed out is that the image you need to use is similar to: http://www.tanko.com.tw/ which already contained that type of shadow in the image, then add this css code in Quick CSS (located in Enfold > General Styling):

    #header .container.av-logo-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

#header .container.av-logo-container .logo, 
#header .container.av-logo-container .logo a, 
#header .container.av-logo-container .logo img {
    height: 120px;
    line-height: 120px;
}

    Best regards,
    Nikko

    March 26, 2018 at 9:05 am #932871
    Guenni007

    or look on this nice page concerning Enfold: http://graphitivity.com/enfold/docs/logo/

    there is no ID on the topic: Overlap logo and page content – so search for it

    March 26, 2018 at 9:56 am #932903
    HeeHA

    Hi

    It’s great!
    Thank you!

    March 26, 2018 at 12:07 pm #932960
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Header logo cross the slideshow and have a shadow under the logo.’ is closed to new replies.