Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 3, 2014 at 11:48 am #218739
    rainert

    Hi Kriesi-Support-Team,

    it would be great, if you could help me with the following customization.

    I’d like to place a tagline on the right hand side of my logo (My Header Type: “Fixed Header with Social Icons and additional Navigation”; My Logo Dimensions: 113x113px).
    Up to now I’ve followed the instructions of the following thread: https://kriesi.at/support/topic/how-can-you-add-a-tagline-or-subheading-to-all-pages-for-the-enfold-theme/#post-203194. Allthough the tagline does appear in the header, great part of it is covered by the logo.

    I would be grateful, if you could tell me, how to “push” the tagline to the right.

    Thanks in advance for your efforts!

    Best,
    Rainer

    February 3, 2014 at 5:43 pm #218884
    Yigit

    Hey rainert!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    .site-description { float: right; }

    If that does not work, please post the link to your website

    Regards,
    Yigit

    February 3, 2014 at 11:27 pm #219031
    rainert
    This reply has been marked as private.
    February 4, 2014 at 3:02 am #219116
    Yigit

    Hi!

    Please add following code to Quick CSS and adjust as needed
    .site-description { left: 30%; }
    To be honest, i am not very familiar with WPML plugin. It should be possible, but you may need to hire a freelance developer for that kind of customization. I will tag our head of support Peter, so he can share his opinion. Let us wait for his answer

    Cheers!
    Yigit

    February 4, 2014 at 9:14 am #219222
    Dude

    Hi!

    1) I’m not sure how you can translate the tag line with WPML – please contact the plugin developers and ask them this question.

    2) The tagline position seems to be correct for me with left:10%. Please try to clear your browser cache otherwise the css code might not work. The only issue I noticed is that the tagline overlap the other menu items as soon as you scroll down because there’s not enough space. I recommend to hide it with following code

    
.header-scrolled .site-description{ display: none !important; }

    Then the user will see it when the page loads but the text disappears when the menu bar shrinks.

    Regards,
    Peter

    February 4, 2014 at 10:13 am #219249
    rainert
    This reply has been marked as private.
    February 4, 2014 at 10:24 am #219253
    rainert
    This reply has been marked as private.
    February 4, 2014 at 11:04 am #219272
    Dude

    Hey!

    1) Yes, you can use a media query. Try following code

    
@media only screen and (max-width: 767px){
.site-description{ display: none !important; }
}

    2) I think we need to hide the tag line as soon as the user scrolls. Open up enfold/js/avia.js and replace

    
header.removeClass('header-scrolled');

    with

    
header.removeClass('header-scrolled');
if(st > 0) header.addClass('header-scrolled-bit');

    and in then replace the code I gave you 

    
.header-scrolled .site-description{ display: none !important; }

    with

    
.header-scrolled .site-description, .header-scrolled-bit .site-description{ display: none !important; }

    Cheers!
    Peter

    February 4, 2014 at 11:49 am #219287
    rainert
    This reply has been marked as private.
    February 4, 2014 at 4:40 pm #219445
    Yigit

    Hi!

    2- It should be on 1302nd line

    Cheers!
    Yigit

    February 4, 2014 at 6:36 pm #219545
    rainert

    Hey Yigit and Peter,

    thanks so much for helping me!

    At the moment erverything works fine, and as far as I’m concerned the thread can be closed!

    Thanks again for the outstanding support!

    Cheers,
    Rainer

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Tagline covered by Logo’ is closed to new replies.