Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • October 12, 2014 at 12:21 pm #334484
    Anonymous

    Hallo liebes Team,
    ich möchte eigentlich genau den selben Header den Ihr auch habt.
    Dauerhaft mit weißen Hintergrund, aber es sollen 2 verschiedene Logos sein.
    Bedeutet : Die Größe des Headers ist anfang größer als dann beim Scollen.
    Also erst ca. 100px und beim scrollen 70px.
    Erst kommt mein gesamtes logo und beim Scrollen nur ein Textschriftzug und dieser sollte auch von der höhe zentriert/mittig stehen.

    Wie bekomme ich die selben Social Icons die Ihr auch habt ?

    Aso wie Ihr sieht möchte ich im großen und ganzen eine fast Kopie von Eurem Header! :-)
    Nur das ich das ich auch den Strich unter der Navigation auch haben möchte wie er in Eurer Demo auch zu sehen ist.

    Grüße
    Dominik

    October 13, 2014 at 8:26 am #334697
    Ismael

    Hey Dominik!

    Thank you for using Enfold.

    From what I understand, you want the same logo like the Kriesi site. You can add this on functions.php:

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');

function kriesi_logo_addition($sub) {
	$sub .= "<strong class='logo-title'>Company Name</strong>";
	$sub .= "<strong class='logo-title logo-subtitle'>Additional Text Here</strong>";
	return $sub;
}

    Adjust the position of the subtext with this on Quick CSS or custom.css:

    .logo, .logo a {
overflow: visible;
width: 100%;
}

span.subtext {
position: absolute;
top: 0;
left: 200px;
}

    Use this for the subtext transition:

    #top .logo-title {
transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
font-size: 12px;
color: #000;
position: absolute;
left: 7px;
top: -7px;
opacity: 1;
white-space: nowrap;
}

#top .header-scrolled .logo-title {
opacity: 0;
filter: alpha(opacity=0);
}

    Cheers!
    Ismael

    October 13, 2014 at 9:47 am #334743
    Anonymous

    Good Morning,
    sorry I probably expressed myself badly.
    So what I meant was the following.
    Yes I use your template Resturant One Page.
    Since I was the first one fullscreen slider and because the header is set to Invisible.
    The header should be wide when calling 90px and 70px when scrolling.
    The header should always have the color white and not be invisible so as you also have your header.
    Only I would like to have my entire first logo, and if I scroll it should be replaced with my logo as a pure lettering.
    Currently both logos are superimposed while scrolling.
    Both logos should also be represented by the height centered in the header.
    I would also like your dividing line to the Social Icons in the header and also the same style that you have for your Social Icons.
    So you are square and not round.
     
    How do I get the dividing line with the Social Icons that you have on your page?
    Where the buttons open?
    I would like to have for Facebook, and email.

    I hope I could convey to you what I mean.

    Greetings

    October 15, 2014 at 12:18 am #335822
    Yigit

    Hey!

    Please add following code to Quick CSS

    #header_main { background-color: white; }
#header_main nav .social_bookmarks { margin-left: 10px; border-left: 1px solid #e2e2e2; }

    Those buttons are not available, they were made by Kriesi only for Kriesi.at website.

    Regards,
    Yigit

    October 15, 2014 at 2:27 pm #336141
    Anonymous

    Hi Yigit ,
    some like it not fit what ! What am I doing wrong .
    Can I Get an admin account create for you?
    When I call the page the header is white but everything else and the menu is not visible .
    ‘ve Entered your code in functions.php and also deposited the other two as a quick CSS .
    The logo is not centered when scrolling of the height . How can I correct this .
    ————–
    what is the functions.php exactly? Is that a right of the filter for the show and hide of the text in the header as is ?
    I wanted to solve with image logos .
    Hab for the text its own logo created .
    So only the main logo should be displayed and if the header is reduced again another logo .
    —————
    Now the header is indeed the scroll to 100 % white.
    But I thought it so like you is the color 90 % covers and still is minimal Transparency .
    ————–
    Your social logo in the header , I can not take it?

    Greetings
    Dominik

    October 16, 2014 at 8:17 am #336610
    Ismael

    Hey!

    Aside from our suggestions above, did you add any css modifications? Please post the login details and set it as a private reply. We would like to check it. If you want, you can visit Envato Studio or Werkpress for further customization.

    Best regards,
    Ismael

    October 16, 2014 at 9:42 am #336652
    Anonymous
    This reply has been marked as private.
    October 16, 2014 at 12:40 pm #336725
    Anonymous
    This reply has been marked as private.
    October 16, 2014 at 2:39 pm #336768
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img { height: auto !important; }}

    Regards,
    Yigit

    October 16, 2014 at 3:45 pm #336821
    Anonymous
    This reply has been marked as private.
    October 17, 2014 at 3:40 am #337099
    Ismael

    Hey!

    I’m sorry but I’m having difficulty understanding your request. Just to be clear, you want the logo to change to a simple text when you scroll down or if the header shrink. Is that correct? From what I see, you didn’t add the suggestions we posted above.

    Regards,
    Ismael

    October 17, 2014 at 6:29 am #337174
    Anonymous

    Hey !

    good Morning . Your suggestions had indeed based on the disappearance of pure text . If I insert the pasted logo disappears completely in the large header .

    So I have 2 logo in png format . The first is the logo with the dog and the frame and the second logo is only the lettering as image file .

    I want to be when I see the Views page until the big logo . When you scroll the logo will disappear and only see the second logo .

    regards,
    Dominik

    October 17, 2014 at 2:05 pm #337318
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .header-scrolled img.alternate {
opacity: 0;
}

    Cheers!
    Yigit

    October 17, 2014 at 3:13 pm #337362
    Anonymous

    excellent.
    So I had imagined . How do I get the header while scrolling transparent ? Picture as in the example .

    regards

    October 19, 2014 at 5:39 am #337859
    Josue

    Hi!

    Remove this code from your Quick CSS:

    #header_main { background-color: white; }

    Regards,
    Josue

    October 19, 2014 at 10:11 am #337923
    Anonymous

    Hi Josue,
    the code is to change the color for main header .
    I need the code for the scrolled header .
    Example : http://i.imgur.com/UrAn8D7.jpg

    How do I get the logo in the main header bigger? And how do I get this logo to the right so it does not look so cut off ?
    Example : http://i.imgur.com/BcLDUE8.jpg
    Example : http://i.imgur.com/yajJJk2.gif

    Regards,
    Dominik

    October 28, 2014 at 8:36 am #342072
    Arvish

    Hey!

    Sorry for the late reply.

    1. To make the main header bigger:

    Go to Enfold Theme Options > Header > Header Layout

    Change Header Size to Large or Custom Size depending on what size you want.

    2. With regards to the transparency, try the following:

    #header {
    background-color: transparent !important;
}

    3. With regards to this request, please mockup a screenshot to allow us to understand the end result you wish to achieve.

    Best regards,
    Arvish

    October 28, 2014 at 3:11 pm #342247
    Anonymous

    Thank you very much

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Headeranpassung – keine Transparenz aber 2 verschiedene Logos’ is closed to new replies.