Menu and social icons position

This topic is: Not resolved

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!

This topic contains 13 replies, has 3 voices, and was last updated by  Mary1974 1 year, 5 months ago.

  • Author
    Posts
  • #9728

    Mary1974
    Member
    Post count: 48

    Hello,

    I’d like to have the menu links positioned to the left and the social icons+search icon to the right. I’ve been “playing” with the CSS code but obviously I can’t get it done…so I kindly request your help, would you please let me now the exactly code I need to add?

    I’m attaching a image to let you know exactly what I want to achieve.

    Thank you again for your nice support.

  • #9747

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #9769

    Mary1974
    Member
    Post count: 48

    Hello and thank you for your help.

    I added the code but ended with the icons below the navigation container and the search icon still positioned near to the nav links.

    You can see it in the screenshot I am attaching.

    Please let me know when you can how to solve this,

    thank you and have a nice day 🙂

  • #9802

    Mary1974
    Member
    Post count: 48

    Hello,

    I added the following code:

    .main-navigation .menu > li.site-social-networks {
    margin-left: 40%;
    padding-right: 0;
    position: absolute;
    }

    And even tho the social icons looks fine and aligned as I wanted, the SEARCH icon is still near to the links. I have tried some codes but so far no luck here.- Would you please point me out which code should a try?

    Thank you.

  • #9816

    Jacob
    Staff
    Post count: 2312

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #9826

    Mary1974
    Member
    Post count: 48
    This reply has been marked as private.
  • #9900

    Jacob
    Staff
    Post count: 2312

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #9904

    Mary1974
    Member
    Post count: 48

    Hi Jacob,

    Actually is only showing in Firefox.

    In Safari and Chrome works fine. Any idea how to fix it for Firefox? btw, my firefox browser is up to date.

    Thank you.

  • #9929

    Jacob
    Staff
    Post count: 2312

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #9935

    Mary1974
    Member
    Post count: 48

    It didn’t work. Again, my nav bar looks as the nav_sample2.jpg I attached in my previous answers.

  • #9936

    Mary1974
    Member
    Post count: 48
    This reply has been marked as private.
  • #9981

    Mary1974
    Member
    Post count: 48

    Still looking for some ideas how to position the links menu to the left and the social icons to right. Any help would be very appreciated.

    Thank you 🙂

  • #10045

    Jacob
    Staff
    Post count: 2312

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #10459

    Mary1974
    Member
    Post count: 48

    Hello, sorry for the delay (I couldn’t log online in the last weeks).

    The search icon stays in the left with the page links… :/

    I’ll let this for now, but please do not close the topic, gonna see if I can fix it myself and come back here with a solution for someone else who may need it aswell.

    thank you

You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!