Archived topic
Line break after ul li
1 reply · Started by Tyler on August 15, 2018
Viewing posts 1–2 of 2
Hey Tom,
I need an expert, I've lost 1000 strands of hair so far.
I am unable to do a line break on the phone number far right in this image above without the UL LI acting as its own.
It should be the phone number and then right below it the "free call" text, but without 50 some pixels spacing.
Hi there,
First, set up your navigation label like this:
866 724 0085 <span class="call">Free Call</span>
Then, add this CSS:
.main-navigation .main-nav ul li.menu-item-float-right a {
line-height: normal;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}
span.call {
display: block;
}That should do it :)
This archived topic is closed to new replies.
