Jump to content

jbelsky

Member
  • Posts

    3
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    jbelsky reacted to paul2009 in I need a new method for adding line breaks to navigation titles   
    Hi @jbelsky 
    It may be better to think about your issue in terms of what you can't do, rather than the specific symptom. From what I can see, you have very long navigation items and so you want them to take up less horizontal space. Your previous workaround was to add line breaks so that you could force nav items to be split into two or more rows, thus getting around the issue. When Squarespace closed this loophole, your solution no longer worked. 
    If I understand your issue correctly, you therefore need a new workaround that will limit the width of the nav items. One way to do this would be to define the maximum width of every nav item. If a nav item is smaller than the maximum width, the property will have no effect, but if wider, the overflow will wrap on to a new line (or lines).
    For example, if you add this to Design > Custom CSS it will transform the page as shown below:
    .layout-style-center #topNav nav li a {   max-width: 96px; } New:

     
    Original:

    Let me know how you get on.
    -Paul
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.