How to "center" title in mobile responsive? (2.1 for eleven40)

Community Forums Forums Design Tips and Tricks How to "center" title in mobile responsive? (2.1 for eleven40)

This topic is: resolved

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  Tony @ AlphaBlossom 4 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #98582

    Charles Specht
    Participant
    Post count: 26

    I added the following code to the functions.php.

    /** Add additional style to site header */
    add_filter(‘genesis_seo_title’, ‘cd_site_title’, 10, 3);
    function cd_site_title($title) {
    $title = ‘<h1 id=”title”><span class=”charles”>Charles</span>Specht</h1>’;
    return $title;
    }

    I am using the following code for styling the title in my CSS.

    #title a {
    color: #000000;
    font-family: Lato, sans-serif;
    font-size: 35px;
    letter-spacing: 2px;
    text-transform: uppercase;
    }

    #title a:hover {
    color: #1dcaff;
    font-family: Lato, sans-serif;
    font-size: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

    #title .charles {
    color: #000000;
    font-size: 35px;
    font-weight: 200;
    padding: 0px 2px 0px 0px;
    text-transform: uppercase;
    }

    However……………..I can’t seem to figure out how to “center” the title in mobile responsive. It’s floating left. Can anyone help me on this?

    I just upgraded to the 2.1 version of eleven40 Pro theme.

    charlesspecht.com


    http://www.charlesspecht.com
    #98655

    Tony @ AlphaBlossom
    Participant
    Post count: 503

    Hello,

    Add this to within the proper media query and it will center your logo:

    
    .site-header .title-area h1 {
        text-align: center;
    }
    

    Have a great weekend!

    Tony


    #98663

    Charles Specht
    Participant
    Post count: 26

    That worked, Tony, Thanks!


    #98664

    Tony @ AlphaBlossom
    Participant
    Post count: 503

    awesome, glad to be of help!


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to "center" title in mobile responsive? (2.1 for eleven40)’ is closed to new replies.