Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 18, 2014 at 12:15 pm #321106
    hughsieg5

    Hi Guys,
    I’ve got my menu titles on 2 lines using the following CSS:

    span.menu-break {
    display: block;
    line-height: 0;
    bottom: 42px;
    position: relative;
    }

    Also got within the actual menu:
    SERVICES<span class=”menu-break”>PROVIDED</span>

    It works nicely apart from when I scroll down the page and the header shrinks. The bottom line of type (in this instance ‘PROVIDED”) moves above the first line. So instead of it reading SERVICES PROVIDED it reads PROVIDED SERVICES.

    Is there a way around this?

    Cheers,
    hughsieg5

    September 18, 2014 at 12:21 pm #321109
    Yigit

    Hi hughsieg5!

    Can you post the link to your website please?

    Cheers!
    Yigit

    September 18, 2014 at 1:32 pm #321145
    hughsieg5
    This reply has been marked as private.
    September 19, 2014 at 5:46 pm #322025
    Yigit

    Hi!

    Yes, please do so. You can upload screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    September 24, 2014 at 4:37 pm #324398
    hughsieg5
    This reply has been marked as private.
    September 25, 2014 at 7:37 am #324823
    Josue

    Hey!

    Try adjusting the bottom value when header is scrolled:

    .header-scrolled span.menu-break {
bottom: 22px;
}

    Regards,
    Josue

    September 25, 2014 at 10:40 am #324881
    hughsieg5

    Hi Josue,

    Brilliant. That fixed it for me.

    Cheers,
    hughsieg5

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘menu text on 2 lines’ is closed to new replies.