Top bar in one line

  • Resolved ValeriaV

    (@valeriav)


    9 years, 9 months ago

    Hi, my page is romenewyorklondonworld.com
    I’d like to add the Home button in the top bar, but if I do the social links go on a new line. How do I make it stay all in one line?

Viewing 6 replies - 1 through 6 (of 6 total)
  • hannah

    (@hannahritner)

    Hey,
    I’m not quite sure what you mean by “the home button.” Everything is on one like currently. If you add the button it would be easier to tell you what css to use.

    Hannah

    Thread Starter ValeriaV

    (@valeriav)

    Hey Hanna, when I added the link to “home” in the topbar it made social links go on a new line. I had temporarily shortened New York City to NYC to make it fit. Now Home fits but what can I do if I want to write New York City and add more buttons in the future? I just wrote the extended version to show you. Thanks.

    hannah

    (@hannahritner)

    Try adding this to your custom css box in theme options > advanced settings:

    .topbarmenu ul li a {
margin-left: -10px;
}

    Hannah

    Thread Starter ValeriaV

    (@valeriav)

    Thanks Hanna. It does put everything in one line but now it appears very crammed…any other solution you can think ok?

    You can use this css:

    @media (min-width: 992px) {
.kad-topbar-left {width: 70%;}
.kad-topbar-right { width: 30%;}
}

    Kadence Themes

    Thread Starter ValeriaV

    (@valeriav)

    Thank you Kadence Themes Member, it worked! I appreciate both your help ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Top bar in one line’ is closed to new replies.