Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #727938

    I am looking to have some solution to having tagline of two phone numbers and email address on the same area as the logo.

    The logo to be set left and the tag line (phone number and email) to the right.

    I’ve looked around threads with css code but none seem to work when I try them.

    #727951

    Hi CatchPR-Sa-Ra!

    Please refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add a widget area to your header and place your content inside it.

    Regards,
    Yigit

    #727972

    Hi this is some what helpful but when I add anything to the widget it appears above the logo, I need it to be right aligned, but right align code aligns to right or screen and not keep it within the parameters of the navigation bar for example.

    If I want something to right of the logo do i have to remove the logo from theme and then add the logo left aligned in widget and text right aligned in widget? How does that work with mobile version?

    Thanks for your help

    #728305

    Hi,

    You should add following code to Quick CSS in Enfold theme options under General Styling tab and adjust it as needed

    #header .widget {
      left: 50%;
      padding-top: 0;
      position: absolute;
      top: 0;
      transform: translate(-50%);
      z-index: 999;
    }

    If that still does not help, please post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    #729422

    I Received this code from you:

    #header .widget {
    left: 50%;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 999;
    }

    But text appears over the logo in mobile mode, i need it to appear underneath, how do I do that?

    #729451

    Hi,

    I added your text near logo by referring to this post instead – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/ and then added following code to Quick CSS field in Enfold theme options under General Styling tab

    .logo img {
        float: left;
    }
    .logo {
        width: 100%;
    }
    span.subtext {
        float: left;
        line-height: 10px;
        margin-left: 20px;
        margin-top: 15px;
    }
    @media only screen and (max-width: 768px) {
    span.subtext { margin-left: 0; }
    }

    Please review your website now

    Best regards,
    Yigit

    #729878

    Thanks

    How do I edit the tel and email address now, I set up using the header widget but changing that does not change on the screen?

    How do i have tel and email align to right of the page, so that logo is on the left hand side of page and the tel and email is aligned to the right hand side of page?

    Also I am trying to use the Fullwidth Sub Menu on Page http://africa.cpr-test-site.co.uk/africa-safari/ but the menu does not drop down on mobile device so cant access any of the links?

    Thanks for your help

    #729914

    Hey!

    Please change following code

    span.subtext {
        float: left;
        line-height: 10px;
        margin-left: 20px;
        margin-top: 15px;
    }

    to following one

    span.subtext {
        float: right;
        line-height: 10px;
        margin-left: 20px;
        margin-top: 15px;
    }

    You can go to Appearance > Editor and find the code i added at the bottom of Functions.php file and change the text as needed – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/

    Regarding mobile menu button, can you please try de-activating all active plugins and check if that helps?

    Regards,
    Yigit

    #729945

    Hi There

    Yes that code works but I uninstalled the plugins and made no difference the sub menu doesn’t work on any page.

    Regards Stephen

    #730637

    Hi,

    I’m sorry but I can’t reproduce the issue on my own installation. The full width submenu element is working even if I set it to button on mobile menu. Please upgrade WordPress to version 4.7. Did you modify any of the theme files?

    Best regards,
    Ismael

    #731110

    Hi There

    I have updated wordpress and there is no difference the full width sub menu still doesn’t work, I have not modified any theme files except for the ones you did in order to have the header they way we want it.

    Regards Stephen

    #732467

    Hi,

    It is working if the “sticky” option is enabled. Please edit the js > avia.js file then look for this code around line 1458:

    		$(".av-sticky-submenu").each(function()
    		{
    			 var menu  = $(this), placeholder = menu.next('.sticky_placeholder'), mobile_button = menu.find('.mobile_menu_toggle');
    			 win.on( 'scroll',  function(){ window.requestAnimationFrame( $.proxy( check, menu, placeholder) )} );
    
    			 if(mobile_button.length)
    			 {
    			 	mobile_button.on( 'click',  toggle );
    			 }
    
    		});
    

    .. replace it with:

            $(".av-submenu-container").each(function()
            {
                 var sticky = $('.av-sticky-submenu'), menu = $(this), placeholder = menu.next('.sticky_placeholder'), mobile_button = menu.find('.mobile_menu_toggle');
                 if(sticky.length) win.on( 'scroll',  function(){ window.requestAnimationFrame( $.proxy( check, sticky, placeholder) )} );
    
                 if(mobile_button.length)
                 {
                    mobile_button.on( 'click',  toggle );
                 }
            });

    Remove browser cache or hard refresh the page afterwards.

    Best regards,
    Ismael

    #733552

    Hi that code doesn’t work, when added code to file, the main navigation is gone on mobile now.

    #733587

    Hi,

    In order to help you better please upload a screenshot/mockup of the end result you are looking for to imgur.com and share the link here :)

    Best regards,
    Vinay

    #831144

    Hi Previously I asked for code so that text could be aligned right of the logo in the header which worked great but since updating the theme to current version that no longer works.

    Please can you look at this and see what needs to be done in order for it to work again?

    #831377

    Hi,
    Your functions.php is missing this code:

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub) {
        $sub .= '<p class="logo-phone"><font size="4">T:+44 (0)1255 446250</font></p><p class="logo-email"><font size="2">E:  (Email address hidden if logged out) </font></p>';
        return $sub;
    }

    Yet when I try to add it and save I get a 404 error message, Try disabling your plugins, and adding the code, or edit the functions.php via FTP.
    I tested the code on my localhost and it worked fine.

    Mike

    #831833

    Thats great and works fine, thanks for your help.

    #831868

    Hi! We’re glad that the team was able to help you! Do you need further assistance with this topic?

    Best regards,
    Sarah

    #996904

    This seems quite a complicated process to get something as simple as a site title/tagline incorporated into the site header. This is actually the default on most WordPress themes. Is there any likelihood of this being added to the Enfold settings as an option?

    The theme is otherwise working well for me out of the box, and I’d rather not make changes to the code I’ll lose with the next update.

    #997097

    Hi djsparks,

    Well, not sure about that part being added. You can add the child theme and make all customizations there, this way you’ll not lose any changes you’ve made.

    Glad you enjoy using Enfold :)

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

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