-
AuthorPosts
-
January 31, 2017 at 5:36 pm #740782
I have several needs.
1. I have a very large transparency logo, 1300px wide and I want to enlarge the logo container to accommodate this size logo. I searched the forums but can’t figure out how to do this.
2. I also want to have my main menu appear in the meta area in the header, but when I select this as my option it displays every page I have in a menu.
3. For my mobile version, I want to have the main logo that I uploaded on the theme options page to display and not the large transparency logo.Can you help me accomplish these items? Thank you!
SusanFebruary 4, 2017 at 6:22 am #742662Hey thecszone!
Thank you for using Enfold.
1.) Could you please provide the actual url of the logo image? I checked the site and the logo images are small. Are you planning to place the menu below the logo? Please set the Menu and Logo Position accordingly then set the “Header Size” to “custom pixel value”. Adjust the Header Height to the height of the logo.
2.) Please go to the Appearance > Menus panel, create two menus. Set the first menu as “Enfold Child Main Menu” and the other as the “Enfold Child Secondary Menu “. The first menu will be displayed as the main menu while the latter will go to the “meta area” in the header.
3.) We’ll check this again when you’re done with number 1.
Regards,
IsmaelFebruary 4, 2017 at 4:35 pm #7428421. I changed the transparency logo image as I had the wrong one. It works just fine. Sorry to trouble you about that.
2. I have multiple menus set up already, but the problem is I only want one menu and I want it located in the meta area. I would simply choose the option for a logo to the left with menu above, but it’s not one of the options in the header section.
3. So now that I fixed the logo, here’s the information you need so you can tell me how display the logo listed at the URL below on mobile devices instead of the big logo .
4. And also I want the header to continue to be transparent as I scroll down and transparent on mobile, too. How do I make that happen?
Thanks for your support!February 6, 2017 at 3:05 am #743103Hi!
2.) Set the Menu and Logo Position to “Logo center, menu above” then add this in the Quick CSS field.
.html_header_top.html_logo_center .logo { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
3.) Please add this in the functions.php file.
function ava_mobile_logo(){ ?> <script> (function($){ $(window).resize(function() { var oldSrc = $('.responsive .logo img').attr('src'), newSrc = 'http://www.gardengatemysteries.com/wp-content/uploads/2017/01/logo-2.png'; var isMobile = ''; if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement) { isMobile = true; } else { isMobile = false; } if(!isMobile) return; $('.responsive .logo img').attr('src', newSrc); }).resize(); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_mobile_logo');
4.) I’m sorry but you cannot set the header to be transparent on mobile.
Best regards,
IsmaelFebruary 6, 2017 at 6:32 pm #743512Thank you for your response, but this makes the logo disappear and puts the menu in the center of the header. I want the only menu to be in the meta area.
2.) Set the Menu and Logo Position to “Logo center, menu above” then add this in the Quick CSS field..html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
I have uploaded screen shots to show you how it changes the header area and also moves my slide down as well. The links are below2. I added this code to my theme functions file, but the logo does not show up on mobile.
February 7, 2017 at 9:58 am #743769 -
AuthorPosts
- You must be logged in to reply to this topic.