Disabling others and adding new elements to the header

Home Forums Gillion Theme Disabling others and adding new elements to the header

Home Forums Gillion Theme Disabling others and adding new elements to the header

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    RESOLVED Posts
  • I managed to disable social links and bookmark elements using custom css codes provided in the forum. I am now trying to add Log in/Register element for logged out users and Profile, Post and Logout elements for logged in users. I want to use custom icons for them on the header located far right.

     

    I managed to add them in the menu as pages, but i need them separated, menu items at center, account stuff on the right, if possible with icons rather than text for profile and post.

     

    Can you help?

    Attachments:
    You must be logged in to view attached files.

    Hi @hakorel,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .primary-desktop .sh-nav > li.menu-item:last-child {
        position: absolute;
        right: 0;
        top: 0;
    }

     

    For the icons you have to develop more custom code.

     

    Best regards,
    Shufflehound team

    Your solution is only for the last child of the menu pages and works only for logged out users (because there is only one button i want to move), but also i need to move 2 buttons: Profil, Çıkış to the far right for logged in users.

     

    i need a code for 2 situations logged in and logged out.

    Can you please kindly help?

    Sure i can help you for that also but to access logged in menu i need to log in to your site.

     

    Would you mind if i log in to your site to see the menu? If this is ok then could you please share me your site log in details privately by adding them in the box having text “Click here to share private content. Only you and forum moderators will bee able see it.”?

    Here you go!

    Solution for this topic

    To make it work please try using below custom CSS code instead of above.

     

    .primary-desktop .sh-nav > li.menu-item.menu-item-1286 {
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .primary-desktop .sh-nav > li.menu-item.menu-item-1290 {
        position: absolute;
        right: 50px;
        top: 0;
    }
    
    .primary-desktop .sh-nav > li.menu-item.menu-item-1289 {
        position: absolute;
        right: 0;
        top: 0;
    }

    Doesnt work for the logged out user

    Thanks! it works now

    You are most welcome here 🙂

Viewing 9 posts - 1 through 9 (of 9 total)