Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 24, 2013 at 11:00 pm #192635
    meermakers

    Hey There,

    I’m having problems with the main menu navigation in the header. I’m trying to align the main menu to the left and the logo to the right.
    At some point I succeeded partially, but the logo keeps disappearing. I see the logo flashing in the right place, but is is gone after that. It reappears when the ‘sticky menu’ activates and when I scroll back up after that.
    Can you help me with some code to get this done properly?

    Also, if possible I want the sticky menu to be disabled.

    I’m using ‘Fixed header with social icons and additional navigation’.

    The site is behind a login screen so you can’t see it online yet. Can I email you the login? Or, even better, how can I make a topic entry ‘private’?

    November 25, 2013 at 5:31 am #192782
    Josue

    Hi,

    Simply check this “Set as private reply (Only you and moderators will see the content of this post)” while replying to this thread.

    Regards,
    Josue

    November 25, 2013 at 11:42 am #192880
    meermakers
    This reply has been marked as private.
    November 25, 2013 at 5:54 pm #193011
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    div .logo { float: left; right: 0; }
.main_menu { left: 0; }

    Best regards,
    Yigit

    November 25, 2013 at 6:04 pm #193023
    meermakers

    Hi Yigit,

    I’ve tried that before, but then the logo disappears and it’s position isn’t right. I’ve put the code you suggested in, so check it for yourself if you like.

    If necessary, i’ll give you admin rights so you can try something yourself.

    Maybe it has something to do with the ‘sticky part’ of the header?

    November 25, 2013 at 6:06 pm #193025
    Yigit

    Hey!

    Please do create a temporary admin login and post it here privately

    Best regards,
    Yigit

    November 25, 2013 at 6:32 pm #193050
    meermakers
    This reply has been marked as private.
    November 25, 2013 at 6:49 pm #193059
    Yigit

    Hey!

    Changes are done. Please review your website. You can find custom CSS code i used in Quick CSS section in Enfold theme options

    Cheers!
    Yigit

    November 25, 2013 at 7:02 pm #193071
    meermakers

    He Yigit,

    That’s great, thanks!! One more thing though… the buttons are a lot closer together now, it seems like the padding has been reduced.

    When the page loads for the first time, the padding is ok, but when you scroll down and the ‘sticky menu’ appears and then you scroll back up, the buttons are closer together.

    Any ideas? ;-)

    • This reply was modified 11 years ago by meermakers.
    November 25, 2013 at 7:12 pm #193079
    Yigit

    Hi!

    I have not made any changes that would affect them actually but you can add following code to fix it

    .main_menu ul:first-child > li > a { padding: 0 13px!important; }

    Best regards,
    Yigit

    November 25, 2013 at 9:28 pm #193160
    meermakers

    Magnificent!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘main menu alignment left, logo align right issues’ is closed to new replies.