Tagged: email address, tagline
-
AuthorPosts
-
December 23, 2016 at 2:30 pm #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.
December 23, 2016 at 2:42 pm #727951Hi 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,
YigitDecember 23, 2016 at 3:27 pm #727972Hi 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
December 27, 2016 at 10:51 pm #728305Hi,
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,
YigitJanuary 4, 2017 at 2:44 pm #729422I 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?
January 4, 2017 at 3:33 pm #729451Hi,
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,
YigitJanuary 5, 2017 at 2:52 pm #729878Thanks
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
January 5, 2017 at 4:06 pm #729914Hey!
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,
YigitJanuary 5, 2017 at 5:04 pm #729945Hi 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
January 7, 2017 at 8:07 am #730637Hi,
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,
IsmaelJanuary 9, 2017 at 1:12 pm #731110Hi 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
January 12, 2017 at 5:56 am #732467Hi,
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,
IsmaelJanuary 14, 2017 at 2:51 pm #733552Hi that code doesn’t work, when added code to file, the main navigation is gone on mobile now.
January 14, 2017 at 5:45 pm #733587Hi,
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,
VinayJuly 28, 2017 at 4:40 pm #831144Hi 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?
July 29, 2017 at 4:23 am #831377Hi,
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
July 30, 2017 at 3:31 pm #831833Thats great and works fine, thanks for your help.
July 30, 2017 at 6:19 pm #831868Hi! We’re glad that the team was able to help you! Do you need further assistance with this topic?
Best regards,
SarahAugust 13, 2018 at 10:56 pm #996904This 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.
August 14, 2018 at 2:33 pm #997097Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.