Menu wrapping adjustment

  • Resolved Dibyendu

    (@whereangelsfeartotrade)


    11 years ago

    I am not able to adjust this menu. Its coming on the second line. Even slider texts are looking HUGE. hoew to adjust both. currently the parameters are shown below

    /*Adjust menu items to not wrap as soon*/
.navbar .nav > li > a {
    padding: 5px 8px 5px 8px;

    Link https://www.rhododendron.in

Viewing 8 replies - 16 through 23 (of 23 total)
  • rdellconsulting

    (@rdellconsulting)

    I just adjusted my screen to 800 x 600 (those were the days) and I have the 3-bar menu. It’s < 980px is the reason. So there’d need to be @media styling.

    And coincidentally, 800 x 600 is the dimension of a small tablet these days.

    Thread Starter Dibyendu

    (@whereangelsfeartotrade)

    To avoid all these mess shoudl I consider making the Menu wide and place it across the entire pagewidth and place the logo in the centre! But that will change the entire look of my website! that I am afraid of.

    rdellconsulting

    (@rdellconsulting)

    @ef made some suggestions above

    Thread Starter Dibyendu

    (@whereangelsfeartotrade)

    Okay, Let me get it cleared what I have understood.

    I need to put the custom codes all the @media styling {} which ever is mentioned for individual devices. right?

    I mean the same styling code in each @media?

    rdellconsulting

    (@rdellconsulting)

    Same styling code (selectors), but with adjusted values for each different block.

    Try using Resizer which helps test the different viewports.

    Thread Starter Dibyendu

    (@whereangelsfeartotrade)

    this link doesnt open

    rdellconsulting

    (@rdellconsulting)

    Resizer

    Thread Starter Dibyendu

    (@whereangelsfeartotrade)

    I think This is somewhat resolved now.

Viewing 8 replies - 16 through 23 (of 23 total)
  • The topic ‘Menu wrapping adjustment’ is closed to new replies.