Header for contact info in twentytwelve theme

  • rachelgerstein · Member ·

    Any ideas on how I can put my business address and phone number in the header of my site? I’m using twenty twelve theme. Ideally i’d like it to be on the righthand side of the site while my name and credentials are on the left. thanks!

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi, since you were able to put your information in a contact info widget, you might try something like this:

    @media screen and (min-width: 320px ) {
    .widget_contact_info {
    position: absolute;
    top: 100px; }
    }

    This will only show up if the screen is larger than 320px, because at that width, it starts to run over your title. You’ll need to adjust the size.

  • rachelgerstein · Member ·

    thanks! how do i adjust the screen size?

  • rachelgerstein · Member ·

    Any ideas on how to make the text so it isn’t underlined and so it is even with my tagline?

  • staff-totoro · Staff ·

    Hi there,

    Any ideas on how to make the text so it isn’t underlined and so it is even with my tagline?

    I visited your site, and did not see the text underlined. Were you able to resolve this issue on your own? Here is what I see: https://cloudup.com/cBazfP_XHdx

    how do i adjust the screen size?

    While it is possible to put your contact info on the right when the site is viewed on the desktop or a tablet, there is not enough space to show it effectively on a smartphone; the screen is simply too small.

    So Velda’s code snippet is written in such a way that the info is displayed the site title on smartphones, so that it does not “collide” with your title.

    I tested the code out, and I don’t think there is anything you need to adjust here. Your site looks great! Just be aware it looks a bit different on phones. :)

    Hope that helps. Please let me know if you have any further questions.

  • The topic ‘Header for contact info in twentytwelve theme’ is closed to new replies.