adjusting menu layout with css

  • sharroj

    (@sharroj)


    6 years, 2 months ago

    i want to reduce the space between header titles and header navigation but can’t work out the css to do this.
    I think the classes involved are header-titles-wrapper and header-navigation-wrapper but nothing i do to these in terms of margin or padding makes the changes i’m looking for.

    i’m using the twentytwenty theme
    thanks

    • This topic was modified 6 years, 2 months ago by Jan Dembowski.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • mrtom414

    (@mrtom414)

    6 years, 2 months ago

    you could try something like this 

    h1.entry-title {
    position: relative;
    top: -11px;
  }

    the only problem is that your menu is higher up in the hierarchy and if you set the top of the title to movie up higher it will slide below your menu.

    • This reply was modified 6 years, 2 months ago by mrtom414.
    Thread Starter sharroj

    (@sharroj)

    6 years, 2 months ago

    thanks for your suggestion. But it’s not the entry title i want to move.
    the menu is too far to the right (.header-navigation-wrapper) and there is space to move it further left. the header-titles div includes the site id and logo to the left of this. It has spare space in it which i want to reduce.
    thanks again

    Aims Infosoft

    (@aimsinfosofts)

    6 years, 2 months ago

    Hello,

    You can try below CSS code for removing the space between header title and header navigation,
    header#site-header .header-titles{margin-left: 3rem;}

    Thanks!

    Thread Starter sharroj

    (@sharroj)

    6 years, 2 months ago

    Thanks for the suggestion. That does indeed close the gap BUT also reveals that I didn’t explain carefully enough that I wanted to shift the navigation further right. So, .header-navigation-wrapper {margin-right: 3rem;} was successful … ish There’s still some space there which I can’t quite control but it’s more of an academic question now as the menu does fit better.
    Thanks again

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

The topic ‘adjusting menu layout with css’ is closed to new replies.