Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 20, 2016 at 10:55 am #689058
    September 22, 2016 at 6:44 am #690083
    Ismael

    Hi kristofferm!

    Thank you for using Enfold.

    What do you mean by “in front of the logo”? Do you want the text to cover the logo image? Please provide the url of the site and a screenshot of the logo that you have in mind.

    Cheers!
    Ismael

    September 23, 2016 at 8:30 am #690549
    kristofferm

    Hi,

    I cant provide a link because it is a intranet and there for it can not be accessed from the outside…

    i just want the side title before the logo.
    so the logo will move depending on the length of the side title.

    [Side title] [Logo] [Menu]

    Best regards,
    Kristoffer

    September 27, 2016 at 12:31 pm #692172
    Andy

    Hi,

    I think it would be best to include your text in question into your logo image. Otherwise it would be outside of our support scope and you would need to hire a freelance developer for this job: http://kriesi.at/contact/customization

    Best regards,
    Andy

    September 27, 2016 at 1:20 pm #692217
    Guenni007

    you see here on support forum on top the logo of Kriesi and on the right site title and description.
    Is it that what you want but only the other way round
    Site Title and Description and on the right side the logo ?

    What do you mean by:

    The site title needs to be the same size text as the logo (48)

    does your Logo have sign trade marks and text – and the logo text has 48px (how do you measure it – because logo is fit in a given height)

    etc – so to understand your request can you create an image how it has to look like (photoshop montage f.e. or a drawing)
    to stay in your 48px the shrinking of header is off ! ???

    by the way – the php code above is not enough – you have to postion the subtext via quick css ! so it might be there but you can not see it !

    • This reply was modified 8 years, 2 months ago by Guenni007.
    September 27, 2016 at 1:33 pm #692222
    Guenni007

    i use both site-title and site-description as well:

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<span class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</span>";
  $sub .= "<span class='logo-title logo-subtitle'>";
  $sub .= get_bloginfo( 'description', 'display' );
  $sub .= "</span>";
  return $sub;
}

    my css :
    very important: is to set to logo overflow visible ! because the text is in that box
    the transition settings and opacity is only for the deminishing text on scroll – if you dont like that get rid of it

    .logo img{float: left}
#top .logo, #top .logo a {overflow: visible }
#top .subtext {float: left; position: relative}

#top .logo-title {
transition: opacity 0.4s ease-out 0s;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
    color: #4678ae;
    font-size: 44px;
    font-weight: bold !important;
    left: 7px;
    opacity: 1;
    position: absolute;
    top: -12px;
    white-space: nowrap;
}

#top .logo-subtitle {
    color: #aaa !important;
    font-size: 18px !important;
    left: 10px;
    top: 18px !important;
    font-weight: normal;
}

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

    Result of mine see here: guenterweber.com

    September 29, 2016 at 3:35 pm #693170
    Yigit

    Hi,

    Please refer to @Guenni007’s posts above.
    If that does not help, please create a testing environment – http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/ and provide logins there so we can look into it :)


    @Guenni007     Thanks :)

    Best regards,
    Yigit

    October 4, 2016 at 8:55 am #694927
    kristofferm

    Thanks for the help!

    It worked as i wanted! :)

    But now my customer wants something else -.-‘

    I need the text(site title) on the left side of the header and then the logo on the right side of the header.
    I have tried to illustrate it below :D
    ______________________________________________________
    |__[Site title]____________HEADER________________[Logo]__|
    |__[Menu bar]_________________________________[Search]__|

    • This reply was modified 8 years, 2 months ago by kristofferm.
    October 4, 2016 at 9:16 am #694933
    Guenni007

    Same shit different name.
    it is best i think to take first the option with Logo right menu below.
    with quick css :

    #avia-menu.menu.av-main-nav {
    float: left;
    width: 100%;
}

    your menu is than ok left menu right search !

    for the Rest i will have a look soon.

    October 4, 2016 at 9:50 am #694939
    Guenni007

    so here is my test on it: http://webers-testseite.de/elegant
    with logo right menu below options on enfold

    insert the WordPress Title (this is without WordPress Site Description) as above in your child-theme functions.php

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<span class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</span>";
  return $sub;
}

    This in Quick css :

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

.logo-title {
    display: block;
    float: left;
    font-size: 36px;
    left: 0 !important;
    position: absolute;
}

.logo img {
    float: right;
}

#avia-menu.menu.av-main-nav {
    float: left;
    width: 100%;
}

@media only screen and (max-width: 767px) {
.responsive .logo img {
    float: left !important;
max-width: 80%
}
.responsive #top .logo {
    width: 100%;
}
.logo-title {
    text-align: center;
    top: 80px;
    width: 100%;
}
}

    you can play with these values ( font-family is not defined here, font-size etc.
    For Small Screens ( try it on my testsite) i decided to do the Title under the top logo in the center of the screen

    October 4, 2016 at 10:01 am #694943
    Guenni007

    by the way as you can see it works with shrinking option too!

    and if you want to get rid of the top border when header is scrolled :

    .header-scrolled #header_main_alternate.container_wrap {
    border-top: medium none;
}

    Your welcome!

    October 4, 2016 at 12:43 pm #694989
    Yigit

    Hi,

    Thanks @Guenni007 :)

    Best regards,
    Yigit

    October 6, 2016 at 12:08 pm #695975
    kristofferm

    Hi,

    Thank you so much, you are amazing!

    Best regards,
    Kristoffer

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Site title in front of logo’ is closed to new replies.