Tagged: ,

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #851668
    #851670

    Hey Krissie!

    Please refer to this post – http://kriesi.at/documentation/enfold/ (Purchase code hidden if logged out) -the-header/ and add a widget area to your header and place your image inside header widget area.

    Best regards,
    Yigit

    #851688

    or you misuse the method to add text to the logo and add the following to your functions.php of your child-theme:

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub)
    {
      $sub .= " <a href= 'the link target url'> <img class='anything'  title='anything'   src='link to your image'    alt='anything you like' /></a>  ";
      return $sub;
    }

    add this to quick css :

    .logo a {
        float: left;
    }

    but pay attention with single and double quotation marks ! – and if you like to open the link of that second logo on a blank page :

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub)
    {
      $sub .= " <a href= 'the link target url'  target='_blank' > <img class='anything'  title='anything'   src='link to your image'    alt='anything you like' /></a>  ";
      return $sub;
    }

    the benefit is – that even shrinking is possible – because it is in the logo container and makes everything the normal logo does.

    see here https://webers-testseite.de/

    for small screens you can make some media queries on how to handle the thing – maybe you go to display: none or something else

    #865280

    Hey Yigit,

    Thanks for the code, but I’m not really happy with how the logo works when added into the header next to the original logo. How do I make it behave the same as the existing logo? Or disappear on mobile at least? Is Guenni007 correct? @guenni007, thanks for your suggestion and would i add your code in addition to Yigit’s code or instead of? ;)

    Cheers,
    Krissie

    • This reply was modified 2 months ago by  Krissieg.
    #865611

    Hi Krissie,

    Can you show us what you’ve got so far?

    Best regards,
    Victoria

    #865614

    I’ve added it to this website for now:

    The logo won’t stay there for long, as it’s not correct. I’m testing it out for now.

    Thanks

    #866334

    Hi Krissieg,

    Ok, so do you need to hide it on mobile or do something else with it?
    Try the code below:

    
    @media only screen and (max-width: 768px) {
      #text-8 {
        display: none;
      }
    }
    @media only screen  and (min-width: 769px) and (max-width: 1050px) {
      #text-8 {
        margin-left: 200px;
      }
    }
    @media only screen  and (min-width: 1051px) {
      #text-8 {
        margin-left: 70px;
      }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #866347

    Hey Victoria,
    I’d ideally like the logo to behave like the main logo? Is this possible?

    Thanks

    #866375

    I really want to create something like Nike. On the far right of the page they have little flags showing: http://prntscr.com/gzfpgk
    And when you click on it you get to this page:
    https://www.nike.com/language_tunnel

    Can you recommend something for me to achieve a similar effect?

    Thanks,
    Krissie

    #867245

    Hi,
    For your logo have you tried (Purchase code hidden if logged out) -logo/#post-851688″>Guenni007 solution?
    For the flags try adding a custom social icon which would be in the top right hand of your page. Then link it to a new page that you can build to look like the nike page, or use a language plugin.

    Best regards,
    Mike

    #867264

    hm a few weeks ago your request – and now my example has gone – anyway.
    No – my solution is a single solution no additional code :lol:

    to functions.php of your child-theme:

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub)
    {
      $sub .= " <a href= 'the link target url'  target='_blank' > <img class='anything'  title='anything'   src='link to your image'    alt='anything you like' /></a>  ";
      return $sub;
    }

    to quick css:

    .logo a {
        float: left;
    }
    .logo img {max-width: 200px}
    

    the gimmick is that you can use a different link , a different link-behavior (open in new tab etc) and it did all the normal logo does – even shrinking is possible.
    The other problematik is a thing that all users have if the logo is more or less a panorama apect ration. Has nothing to do with two logo or not.
    You have to have an earlier breakpoint for responsive behavior. – thats all
    But try first to set up your header behavior to “Let logo and menu position adapt to browser window” and have a look if this is not better for your big menu.

    You can see it on my test-page here: https://webers-testseite.de/buttons/

    On very small screen – both logos are beneath each other !

    #867280

    Tell me if you have seen and understand the procedure.
    then i will get rid of your logos and reconstruct my settings.

    #867453

    Hi Krissieg,

    Did you try out the suggestion in the thread? Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    #867524

    Hi gents,

    Thanks for all your help, especially @guenni007 I’ll have a go! :)

    #867636

    By the way for Chrome we had to add:

    @media only screen and (max-width: 767px) {
    .responsive #top .logo {
        display: inherit !important;
        height: auto !important;
    }
    } 
    #867640

    Cool, thanks soo much! :) x

    #867746

    Hi Krissieg,

    Glad you got it working for you! :)

    @guenni007 thank you :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #872608

    I guess he needed – because status quo is still a big logo – not two of them.

Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.