-
Posts
-
Hey,
I have a problem.
I want to put a Logo in the Submenu (left side) .
Thats not a Problem. i used the code from this website: https://kriesi.at/support/topic/link-background-image-logo-in-full-width-sub-menu/
Is there a solution for me to decide in which subnavigation a picture comes in?
it would be perfect to do this.I also tried a dirty solution. with a plugin called “shortcodes in menus”, but this solution is not really suitable because the logo always floats in the air.
I know that I have the command: “text-bottom! Important;” However, I do not know where exactly I can use that there.
If the first solution with the Quick.css does not work, could you tell me otherwise where I “text-bottom! Important;” can insert? I also send you a link to our page.Thank you for your help :)
Hey Jerome,
Yes, each submenu should have a unique id, you can use a web inspector to check on it.
I tried to check using the password, however it doesn’t seem to work.Best regards,
NikkoHey Nikko,
oh cool. I didn’t tried it with the web inspector.
I will test it thank you very much!Best regards,
JeromeHi Jerome,
Glad to hear that :)
Just let us know if you need further assistance.Best regards,
NikkoHey Nikko,
i tried it with the inspector and i didn’t find a ID.
Only the menu items have an id.
Maybe you can try to take a look on our website?
I will put there the data to look at the website.Thank you for your help Nikko!
Best regards,
JeromeHi Jerome,
For the first sub-menu you can use this css code:
#top #header #menu-item-5424 .sub-menu { }Let us know if this helps.
If it doesn’t please provide a screenshot or mockup of what you want to achieve, maybe we can suggest the css code that we need to use.Best regards,
NikkoHey Nikko,
#top #header #menu-item-5424 .sub-menu {}
Is this realy for the first submenu? I tried to find the location of this id with the inspector, but i only found the id in the main menu. Is this right?
I send you a mockup of the menu.Best regards,
JeromeHi,
Thanks for the info. Try the “#menu-sub_landroid” id or selector instead. You can insert the logo to that container, or to the first menu item inside that container.
Best regards,
IsmaelHey Ismael,
Thank you for your reply. I think I am doeing something realy wrong :D.
This is my quick css code
#menu-sub_landroid .submenu_logo{
width: 120px;
height: auto;
overflow: hidden;
position: absolute;
top: 0;
left: 10%;
}And this is my function.php-code:
// submenu logo
function ava_custom_script() {
?>
<script type=”text/javascript”>
(function($) {
function a() {
$(‘#top .av-submenu-container’).append(“
“);
}a();
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘ava_custom_script’);But its not working.
Do you know why? I think my quick.css is wrong. Maybe i don’t see the error.If you have any idea it would be perfect,
Best regards,
JeromeHi,
Try this script:
// submenu logo function ava_custom_script() { ?> <script type="text/javascript"> (function($) { function a() { $('#top .av-submenu-container #menu-sub_landroid #menu-item-74740').append("<a href='URL' class='submenu_logo'><img src='//thymeforachef.com.au/wp-content/uploads/2017/01/Megara-logo-340x156.png' /></a>"); } a(); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script');Adjust the href and src attribute value.
Best regards,
IsmaelHey Ismael thank you for your reply,
There is a Logo, very nice and only in one submenu.
but now it looks like this (screenshot).There are a few problems left:
– i can’t scale the img size
– the logo is not responsive. i know why, because of my custom.css but when i don’t use the custom css it lays over the first menupoint (screenshot)
– and the last problem is the logo is not on the same line like the menupointsI realy tried to fix this with custom.css but it didn’t work. :(
Maybe you can take a last look on our website?
It would be great :)Thank you!
JeromeHey,
I had to upload the pictures on a extern website.
We are having some issues :)
Best regards,
Jerome
- You must be logged in to reply to this topic.