Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #239128

    Hi,

    I would like to add either an image or text with the phone number in large burgandy red font to be located at the top of the homepage (or all pages) in the middle bland space between the logo and menu. How would I do that? Thanks!

    #239157

    Hey Steven!

    You can edit includes > helper-main-menu.php, find this code on line 101 which renders the logo:

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);
    

    You can add the image code below, something like this:

    echo "<div class='header-addition'>CONTENT OR IMAGE HERE</div>";
    

    Best regards,
    Ismael

    #240842

    Hi Ismael,

    Sorry for the late reply. Thanks for the tip!

    I’m using the enfold them and didn’t find a helper-main-menu.php in the includes. I looked in all ther other helper files and din’t find any logo reference.

    I did find the logo referenced in the header.php as show below:

    /*
    * display the theme logo by checking if the default logo was overwritten in the backend.
    * the function is located at framework/php/function-set-avia-frontend-functions.php in case you need to edit the output
    */
    echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, false, ‘strong’);

    I placed my image in the images/layout folder and added the following line under the exho avia_logo as shown below:

    echo "<div class='header-addition'>AVIA_BASE_URL.’images/layout/Phone.jpg'</div>";

    Of course it broke the website, I imagine because of some syntax error. I’m sorry my knowledge in this area is limited.

    Thanks for your help and best regards,

    Steve

    #241006

    Hey!

    If you don’t have the said file on includes folder then you’re using an old version of the theme. Please download 2.6.2 then edit helper-main-menu.php. Update the theme via FTP. Watch this video by Devin: https://vimeo.com/channels/aviathemes/67209750

    Cheers!
    Ismael

    #241014

    Thanks Ismael! I’ll update, watch the video and let you know.

    Cheers,
    Steve

    #241175

    Hey!

    Sure, we will be waiting to hear from you

    Cheers!
    Yigit

    #241656

    Hi guys

    I want to do the same thing, and add an extra graphic next to the logo on the top.

    I upgraded my template file to the latest version, and inserted the following code under “echo avia_logo” line as mentioned:

    echo "<div class='header-addition'> <center> <img src="http://examplesite.com/wp-content/uploads/2014/03/free-shipping.jpg"></img> </center> </div>";

    however this just completely breaks the site. I’ve swapped the image code with text, and that works ok, so I’m obviously nearly there. Could you point out what I’m doing wrong?

    Cheers

    #241920

    Hi Ismael ,

    I want to add a company name and subtitle after the logo , but after add “echo “<div class=’header-addition’>company name </div>”; at the file “helper-main-menu.php” below the position “echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, $addition, ‘strong’, true); ” , the company text just behind the logo .

    Could help how to add 2 row – company name and subtitle after Logo ?

    #242063

    Hi!


    @garbath
    : Add something like 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;
    }

    Change the company name and add another custom text if you want.

    Add this on Quick CSS to adjust the position of the subtext.

    .subtext {
    position: absolute;
    top: 30px;
    }
    
    .subtext strong {
    margin-right: 10px;
    }

    Regards,
    Ismael

    #243246

    It seems not work , text haven’t appear . I can see the text in source code , but no appear .

    how to adjust the Quick CSS?

    • This reply was modified 10 years, 7 months ago by garbath.
    #245377

    Hey!


    @garbath
    Can you post the link to your website so we can take a look and provide you more accurate custom CSS code?

    Best regards,
    Yigit

    #245822

    Hi, Yigit ,
    My draft website is http://www.tiantangsandian.com . Thanks for your help in advance .

    #246043

    Hi!

    Please firstly remove all custom CSS code you have added to .subtext, .logo-title and .logo-subtitle classes

    Cheers!
    Yigit

    #247004

    Hi, Yigit

    I had removed the Quick CSS . What is the next step ?

    #247990

    Hi!

    Please add following code to Quick CSS

     .logo img { display: inline-block; }
    .header-scrolled .subtext { display: none; }

    Best regards,
    Yigit

    #389473

    Hi Yigit,
    I have applied the above code and added a yellow border around the span as a visual guide.
    Is there a way to display the text like so:

    #389475
    This reply has been marked as private.
    #390682

    Hey!

    Replace the code with this:

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub)
    {
    	$sub .= "<strong class='logo-title'>Is the Ultimate Alternative to Having a<br> Human Teaching Assistant In a Home &<br> School Environment</strong>";
    	return $sub;
    }

    We added the br tags. We’ll get back to you after.

    Regards,
    Ismael

    #390785

    Hi Ismael,
    Thanks. I have replaced the code in functions.php
    It now creates multiple lines in smaller screens below the logo.
    Thanks so much for all the help
    E

    #391389

    Hi!

    Looks like you figured out how to adjust the position of the sub text. :)

    Regards,
    Ismael

    #391425

    Hi Ismael.
    Not all of it. I still get the line breaks which we put in earlier. and when I remove them Then I get a long line of text in large screens which we don’t want.
    Is there a way to place the text without adding the <br> tags so the text does not cut at weird places in smaller screens?
    Please see here for a screenshot:

    #391984

    Hi!

    Alright. Remove the br tags then add this css code:

    strong.logo-title {
    display: block;
    width: 200px;
    }

    Adjust the width.

    Regards,
    Ismael

    #393209

    Thanks Ismael,
    just one last issue with it. On an iphone the responsive menu button is now over the text. Any chance this can be fixed as well? Please see screenshot below and thanks so much in advance

    Edna

    #393565

    Hi!

    I think you should hide on mobile view:

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

    Best regards,
    Ismael

Viewing 24 posts - 1 through 24 (of 24 total)
  • You must be logged in to reply to this topic.