How to move the Social Menu up in line with the Main Menu?

  • I’m assuming it has something to do with floating one class left and another class right. When I’ve tried it though, the Social Media Menu keeps dropping to a second row. When it has kind of worked, there’s an additional issue with the Main Menu being truncated because it thinks the screen isn’t wide enough. Maybe I’m not tagging the floats to the correct classes?

    I also tried giving the Social Media Menu a fixed negative margin but it didn’t render the same on different browsers so I want to stay away from that as a solution. Has anyone run into this same issue? Or any thoughts on how to solve it? Any help would be greatly appreciated. Thank you!

    The site I’m working on: https://theknabehometeam.com/

    Here’s what I’d like the menu to end up looking like: https://theknabehometeam.com/wp-content/uploads/sites/2/2019/02/menu-example01.jpg

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,
    ?
    You can try taking advantage of tools such as Inspect or Firebug which can aid in customizing. These are useful 3rd party tutorials on how to go about using Inspect.
    ?


    https://developers.google.com/web/tools/chrome-devtools/inspect-styles/
    ?
    Thank you!

    Thread Starter nigl2000

    (@nigl2000)

    Thank you for your response! Yes, I use Inspect Element frequently to see which classes to target for customizations.

    The issue has to specifically do with the way the Twenty Nineteen theme truncates the main menu on mobile. When I target the classes to float left/right, the menu thinks it needs to kick itself into the mobile version. So maybe the classes are correct and there’s an extra creative step to tell the menu to stop truncating on desktop after the float somehow? From what I’ve seen online, it seems like other people are having the same issue but I haven’t seen anyone who’s resolved it yet. Any thoughts would be appreciated!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to move the Social Menu up in line with the Main Menu?’ is closed to new replies.