WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
Add a phone number to header (9 posts)

  1. leestephenson
    Member
    Posted 1 year ago #

    Is there a way that I can add text like a phone number next to the social icons?

  2. rdellconsulting
    Member
    Posted 1 year ago #

    Are you using the Tagline?

    Could use that. If you need a 2nd line then try this Snippet

  3. leestephenson
    Member
    Posted 1 year ago #

    Yes I have used the tag line, I would like to add our phone number right next to the social icons.

    My website is: http://www.safeswimamerica.com/

  4. rdellconsulting
    Member
    Posted 1 year ago #

    Try

    .navbar-wrapper .navbar h2 {
      float: right;
      left: 30%;
      margin-left: 20px;
      margin-top: 10px;
      position: relative;
      text-align: right;
    }
  5. leestephenson
    Member
    Posted 1 year ago #

    Thank you. That helped, but the position changes when the screen size changes, it moves to the left on larger screen sizes and moves to the right on smaller sizes. Is there anyway for it to stay exactly on the right side of the social icons regardless of the screen size?

  6. rdellconsulting
    Member
    Posted 1 year ago #

    The left: 30% was there to help with responsiveness as a hard-coded 20px (for example) would likely cause problems (but do try it).

    Otherwise, you need to use @media blocks to deal with different viewports.

  7. CrouchingBruin
    Member
    Posted 1 year ago #

    Try adding this CSS:

    .social-block:before {
       content: '888-555-1212';
       margin-right: 20px;
       display: inline-block;
    }

    You can add other properties, like font-size, if you want.

  8. CrouchingBruin
    Member
    Posted 1 year ago #

    Oops, nevermind, I see you have it in the tagline.

  9. questas_admin
    Member
    Posted 11 months ago #

    OOPS wrong place.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic