Menu and social icons position

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

Status: not resolved
Viewing 13 reply threads
  • Author
    Posts
    • #9728

      Mary1974
      Member

      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

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

      Login | Register | Forgot Password?

    • #9769

      Mary1974
      Member

      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

      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

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

      Login | Register | Forgot Password?

    • #9826

      Mary1974
      Member
      This reply has been marked as private.
    • #9900

      Jacob
      Staff

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

      Login | Register | Forgot Password?

    • #9904

      Mary1974
      Member

      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

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

      Login | Register | Forgot Password?

    • #9935

      Mary1974
      Member

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

    • #9936

      Mary1974
      Member
      This reply has been marked as private.
    • #9981

      Mary1974
      Member

      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

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

      Login | Register | Forgot Password?

    • #10459

      Mary1974
      Member

      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

Viewing 13 reply threads
  • You must be logged in to reply to this topic.

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

© Copyright 2020 by wpthms.com. All Rights Reserved.