• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] Make primary navigation menu and primary nav extras appear on same line

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Make primary navigation menu and primary nav extras appear on same line

  • This topic has 9 replies, 3 voices, and was last updated 1 year, 8 months ago by Davinder Singh Kanith.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 21, 2015 at 7:23 am #420
    nomad_jess
    Participant

    Hi there,

    I’d like to have my primary navigation menu and primary nav extras (currently: search bar/social icons) display on the same line.

    Can anyone help with the code I need to make this change?

    Many thanks in advance,

    Jess

    July 21, 2015 at 8:07 am #421
    Davinder Singh Kanith
    Moderator

    It seems you have modified width value of nav extras which is making the extras section to fall down (with reference to this site notesofnomads DOT com )

    .nav-extras {
      display: inline-block;
      float: right;
      padding: 13px 0 11px;
      text-align: right;
      position: relative;
      width: 50%;
    }

    Change width value from 50% to 30% and then check

    July 21, 2015 at 8:30 am #422
    nomad_jess
    Participant

    Thank you, Davinder!

    Yes, I did change that in hope that it would give more space to the nav extras. But what I didn’t do was change the primary navigation so that the width would total 100%!

    Now I’ve got it! Thank you!

    July 21, 2015 at 11:44 am #424
    Davinder Singh Kanith
    Moderator

    Yes, overall width should not exceed 100%. One suggestion: you can use small size for social icons like 24px – that will make elements align even better.

    August 5, 2015 at 10:24 am #441
    nomad_jess
    Participant

    Thank you so much, Davinder. Would you mind pointing out where I can change the size of the social icons? For the life of me I can’t seem to find the relevant piece of code. Many thanks in advance!

    August 5, 2015 at 11:51 am #442
    Davinder Singh Kanith
    Moderator

    Follow these steps:
    1. In WP Dashboard, go to Appearance > Widgets
    2. Expand “Primary Nav Extras” section.
    3. Then expand “Simple Social Icons” widget.
    4. Enter small value in “Icon Size” field.

    August 5, 2015 at 12:14 pm #443
    nomad_jess
    Participant

    Thank you, Davinder!

    No wonder I couldn’t find it! I was looking in the style.css file Haha Your widgets make things very easy! Thank you!

    August 5, 2015 at 12:24 pm #446
    Davinder Singh Kanith
    Moderator

    Welcome!

    May 6, 2019 at 6:56 pm #1729
    vinods2610
    Participant

    Hello Everyone

    I need your help as my menu bar is split in 2 from left and right. How can i remove this split part and make my menu bar one without split.

    Thank You
    Vinod Sharma

    May 7, 2019 at 2:02 pm #1730
    Davinder Singh Kanith
    Moderator

    Vinod, can you share website URL with the issue? Without looking at the website, it is difficult to isolate the problem area.

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

Copyright © 2021 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates