Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 9, 2015 at 8:50 pm #377576
    richardwilding

    Dear Kriesi,

    I’m using just one page of this website for the time being, so would like to disable the main menu until I have other pages to add. How can I turn off the main menu so that the ‘Home’ link no longer displays on the right side?

    Also, I would like to add a second logo, to appear on the right side where the ‘home’ menu link is currently displayed.
    How might I add this?

    Thanks, Richard

    January 9, 2015 at 9:14 pm #377582
    Yigit

    Hi Richard!

    Please add following code to Quick CSS 

    nav.main_menu { visibility: hidden !important; }

    and then add following code to Functions.php file in Appearance > Editor

    `add_action('ava_after_main_menu','custom_things');
function custom_things() {
	echo '<div class="secondary-logo"><img src="link to your image here" /></div>';
}`

    Best regards,
    Yigit

    January 9, 2015 at 10:30 pm #377625
    richardwilding

    Thanks Yigit,

    I have used the following code in functions.php as you suggested:

    add_action(‘ava_after_main_menu’,’custom_things’);
    function custom_things() {
    echo ‘<div class=”secondary-logo”></div>’;
    }

    The second logo is showing on the page, but it is appearing underneath the first logo. How can I position it on the far right side of the header?

    Thanks, Richard

    January 12, 2015 at 3:39 pm #378294
    Yigit

    Hi!

    It seems like you have figured it out already – http://i.imgur.com/tTO9C41.png :)

    Regards,
    Yigit

    January 13, 2015 at 9:42 am #378675
    richardwilding

    Thanks Yigit, yes, sort of.

    The problem is that when I resize the window, or view on a mobile, the right logo does not reposition itself
    and get smaller like the left logo. Is there a way to make it behave more like the left logo?

    Thanks, Richard

    January 13, 2015 at 8:14 pm #379089
    Yigit

    Hey!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 769px) {
.secondary-logo {
margin-top: -85px;
max-width: 20%;
float: right;
}}

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.