-
Posts
-
Hey pegasso4444!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#top .av-submenu-container { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; }Best regards,
YigitHi!
@findar No, using this solution, it is not possible. It would require more customization. Please start a new thread and i will take a quick look.Regards,
YigitHi
I tried this and works well, but the logo is at the browser edge, not at the container width, but the menu items are set to align right so they are at the right edge of the container. Changing background position to something else than 0% will move it in, but then the logo location is a % of the browser width not the edge of the container so always its alignment looks wrong. How to position it properly at the container left edge – any help appreciated.
ThanksHi s29ers,
Could you post a link to where we can see the element in question please?
Best regards,
RikardHello, thanks for your reply. I tried this and it suffices for me:
a) Set my main menu with the header option Set logo and menu position adapt to browser window. That moved the main log ot browser edges.
b) Set the submenu, with this code I found on the forum but now can’t find the page…
.submenu_logo {
width: 120px;
height: auto;
overflow: hidden;
position: absolute;
top: 3px;
left: 10%; /* from left browser edge */
}with the following in the functions.php of the child menu
/* Submenu logo tied to .submenu_logo in CSS*/
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’);Regards
- You must be logged in to reply to this topic.