Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 13, 2014 at 7:22 pm #209120
    cbentley65

    Hi
    I need to place some lines of text in the Enfold header, between the logo and the social icons (or above the social icons if I can move them down a bit). I am using the ‘Header with Social icons and Bottom Navigation option’. Could you let me know how I could do this please and also allow the text to be displayed nicely on a mobile browser.
    I also have an issue on mobile where the logo covers the social icons (at least, I think it does) as I am using a logo with dimensions 340 x 156 px high. Is there a fix for that please?
    Many thanks in advance
    Chris

    January 13, 2014 at 11:43 pm #209226
    Yigit

    Hi cbentley65!

    1- In WordPress dashboard, please go to Appearance > Editor and open Header.php file and find

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

    and add following line right under it

    echo "<div class='custom-text'>your text goes here</div>";

    Then you can style your text using .custom-text class
    2- Can you post the link to your website so we can take a look?
    Best regards,
    Yigit

    January 14, 2014 at 11:02 am #209374
    cbentley65
    This reply has been marked as private.
    January 14, 2014 at 11:36 am #209385
    Ismael

    Hi!

    Please post the link here when you’re ready. We’re not really comfortable handing our ip addresses. A screenshot will help. :)

    Cheers!
    Ismael

    January 14, 2014 at 11:48 am #209392
    cbentley65
    This reply has been marked as private.
    January 14, 2014 at 4:12 pm #209498
    Yigit

    Hey Chris!

    I will be online for a while, you can post the link to your website and open it, i will be taking a look

    Cheers!
    Yigit

    January 14, 2014 at 4:15 pm #209502
    cbentley65
    This reply has been marked as private.
    January 14, 2014 at 4:20 pm #209505
    Yigit

    Hi!

    Social icons are there actually, i have just checked on my iphone as well http://i.imgur.com/qhAD1R8.jpg
    but they are not centered. You can add following code to Quick CSS to center them

    @media only screen and (max-width: 767px) {
.responsive.bottom_nav_header #header_main .social_bookmarks {
top: -15px;
}}

    Regards,
    Yigit

    January 14, 2014 at 4:22 pm #209510
    cbentley65

    Many thanks – that really is much appreciated.

    Chris

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header text area and mobile logo issues’ is closed to new replies.