Viewing 30 posts - 1 through 30 (of 68 total)
1 2 3
  • Author
    Posts
  • August 1, 2015 at 8:20 pm #481706
    timpro

    Hi,

    I have an issue with my menu going over my logo. I already set the “Header Mobile Menu activation” for smartphone and tablets and checked the “Let logo and menu position adapt to browser window”. Despite that on smaller screens such as a 13″ laptop our an ipad in landscpate mode (even with the “Hide Mobile Menu Submenu Items” activated) the menu goes over the logo.

    Any fix for that?

    Thanks,

    Tim

    August 3, 2015 at 11:55 am #482017
    Ismael

    Hey timpro!

    Thank you for using Enfold.

    You can adjust the menu padding and font size on smaller screens:

    @media only screen and (max-width: 1100px) {
.av-main-nav > li > a {
    padding: 0 8px;
    font-size: 11px;
}
}

    Regards,
    Ismael

    August 3, 2015 at 12:40 pm #482050
    timpro

    Hi,

    Thanks for the answer but this code isn’t doing anything…

    The menu still goes over the logo on smaller screens even on a 13″ laptop…

    Tim,

    August 3, 2015 at 1:02 pm #482060
    Yigit

    Hey!

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Regards,
    Yigit

    August 4, 2015 at 5:50 pm #482881
    timpro

    Hi Again,

    Indeed the sign > got converted somehow… I changed it but it doesn’t make any difference to the problem…

    Tim,

    August 5, 2015 at 9:51 am #483170
    Rikard

    Hi,

    An alternative could be to activate the mobile menu at an earlier stage, if you would like that you can use the following in Quick CSS:

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Adjust the value 1024 to the pixel size you would like the mobile menu to start showing.

    Thanks,
    Rikard

    August 5, 2015 at 10:03 am #483177
    timpro

    Hi,

    Thanks for your answer. I tried that as well and it’s not making any difference. Furthermore please note that the menu overlaps even on a laptop not just on mobile devices.

    I don’t know how to adjust the 1024 pixel size because it will depend on the screen size.

    Isn’t there another way to solve this? This should be a common problem I guess as I’ve seen it in this forum for many years.

    Why isn’t it possible that whenever the first menu item touches the logo, the menu adds another line automatically or simply disappear?

    Thanks,

    Tim,

    • This reply was modified 9 years, 4 months ago by timpro.
    August 5, 2015 at 11:21 am #483213
    Yigit

    Hey!

    Please add following code to Quick CSS as well 

    @media only screen and (max-width: 1180px) and (min-width: 1024px) {
.av-main-nav > li > a {
    padding: 0 6px;
}
.logo * {
    max-width: 90%;
    top: 5px;
}}

    Best regards,
    Yigit

    August 5, 2015 at 1:44 pm #483305
    timpro

    Hi Yigit,

    Thanks for your answer but this code is not changing anything… the menu still goes over the logo :(

    Tim

    August 5, 2015 at 1:48 pm #483309
    Yigit

    Hey!

    Have you checked > sign again? :) If you have, please create a temporary admin login and post it here privately so we can look into it.

    Regards,
    Yigit

    August 5, 2015 at 1:56 pm #483321
    timpro

    Hi Yigit,

    Yes I have checked the > sign again. It gets converted in the email you receive but as of now on I only copy the codes from the forum directly.

    What email address should I use for your temporary account?

    Tim,

    • This reply was modified 9 years, 4 months ago by timpro.
    August 5, 2015 at 2:01 pm #483329
    Yigit

    Hey!

    You can use (Email address hidden if logged out) but please post login credentials here privately so any available moderator can look into it :)

    Regards,
    Yigit

    August 5, 2015 at 2:13 pm #483339
    timpro
    • This reply was modified 9 years, 4 months ago by timpro.
    August 5, 2015 at 2:16 pm #483341
    Yigit

    Hi!

    Can you please switch user role to “Administrator” so we can have access to Enfold theme options? :)

    Best regards,
    Yigit

    August 5, 2015 at 2:18 pm #483343
    timpro

    Done

    August 5, 2015 at 2:25 pm #483351
    Yigit

    Hi!

    Can you please flush browser cache and refresh your page a few times. I cannot reproduce the issue on my end right now with a clean cache.

    Best regards,
    Yigit

    August 5, 2015 at 2:30 pm #483356
    timpro

    Hi,

    I’ve purged the browser and server cache. Issue still remains. Did you change anything?

    Please let me know of any modifications you make on the backend.

    Thanks,

    Tim,

    August 6, 2015 at 3:03 pm #483904
    Andy

    Hey!

    you are using WP Super Cache plugin which might be the reason you don’t see any changes. Please go into the plugin’s settings and switch off caching. Afterwards you can deactivate this and all other plugins to make sure none is causing any conflict. Let us know if this helps to see some of the changes due to the code you put in Quick CSS field.

    Regards,
    Andy

    August 6, 2015 at 3:23 pm #483943
    timpro

    Hi Andy,

    I already tried deactivating WP Super Cache and it’s not making any difference. I could try deactivating all other plugins but it doesn’t make sense because there’s already other codes in the Quick CSS field that are working fine. Furthermore I need all other active plugins…

    Tim,

    August 6, 2015 at 10:37 pm #484192
    Andy

    Hey!

    I use a MacBook 13” and your menu does not overlap the logo for me. I also checked for iPad landscape mode and you seem to activated the mobile menu successfully. So everything seems to work fine for me. Could you fix it?

    Cheers!
    Andy

    August 7, 2015 at 11:04 am #484413
    timpro

    Hi Andy,

    It does if you switch to french language.

    Anyways soon the website will be translated in even more languages so these flags on the right side are not ideal.

    Could you please advise how to remove these flags and add the language switcher of WPML in a top bar on the right side? This will already free up some space since nothing else seems to work…

    Thanks,

    Tim,

    August 7, 2015 at 6:06 pm #484638
    timpro

    Hi Again,

    I added a top bar to my menu which free up some space. The menu is no longer going over the logo because the flags are now in the top bar but the underlying problem is not fixed. Whenever the menu touches the logo it shouldn’t go over logically….

    I have another question for you.

    I would like to remove the enfold flags that are currently on the left side of the top bar and replace them by the WPML language switcher at the very end right side of the top bar. How can I achieve that? WPML provides this code “<?php do_action(‘wpml_add_language_selector’); ?>” but I’m not sure where to place it so it appears at the very right of the top bar…

    Many Thanks,

    Tim,

    August 10, 2015 at 10:27 am #485132
    Andy

    Hey!

    when I switch to french I can see that it’s almost overlapping. Use this code in the french version of your backend (Quick CSS field) to provide a little bit more space between menu and logo: 

    .avia-menu.av-main-nav-wrap {
margin-right: -20px;
}

    There are no Enfold flags, as the flags are provided by WPML plugin only. Put the code you have found into functions.php and make correct settings in WPML->Languages->Language switcher options

    Hope this helps.

    Best regards,
    Andy

    August 11, 2015 at 8:42 pm #486183
    timpro

    Hi Andy,

    Thanks for getting back to me.

    I’ve tried your new code in the quick CSS. The menu is not overlapping anymore but that’s because the the WPML flags are no longer taking space as I’ve put them in the top bar. If you reduce your window size, the menu still overlaps even with your code. Isn’t there a way that it’s impossible for the menu to touch the logo? It seems like a basic need that many people might have…

    Regarding the WPML code, whenever I put the code <?php do_action(‘wpml_add_language_selector’); ?> in the functions.php I get a “Parse error” and can’t access the website anymore…

    Tim,

    August 13, 2015 at 5:12 am #486918
    Josue

    Hi Tim!

    Try adding the following to your child theme functions.php:

    if(!function_exists('avia_wpml_language_switch'))
{
	add_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
	add_action( 'ava_main_header_sidebar', 'avia_wpml_language_switch', 10);

	function avia_wpml_language_switch()
	{	
		do_action('wpml_add_language_selector');
	}
}

    Best regards,
    Josue

    August 25, 2015 at 7:10 pm #493158
    timpro

    Hi Josue,

    For some reason, whatever code I add to the child functions.php I get a parse error which renders the website inaccessible….

    Tim,

    August 25, 2015 at 9:53 pm #493228
    Josue

    Hi,

    Hand me a WP admin account or temporary FTP access in a private reply.

    Regards,
    Josue

    August 26, 2015 at 12:35 pm #493493
    timpro

    Ok it’s done

    Keep me updated,

    Thanks,

    Tim,

    August 26, 2015 at 11:01 pm #493840
    Josue

    Hi Tim,

    Doesn’t seem to be working, i tried here.

    Regards,
    Josue

    August 27, 2015 at 10:11 am #493989
    timpro

    Hi Josue,

    Please try with this login.

    Tim,

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 68 total)
1 2 3
  • The topic ‘Menu over logo’ is closed to new replies.