• Closed
  • Amelia Choon
    Spectator
    July 31, 2014 at 12:30 pm #8564

    How do I get the tagline to sit just below the title, to the right of the logo? Now it is right under the logo.

    I tried to choose the “next to blog title” option and then add </br></br>, but those tags show.

    Staging website: http://decorarts.com.sg/wordpress/

    Thanks.

    Alok Maheshwari
    Spectator
    Posts: 303
    July 31, 2014 at 7:23 pm #10301

    The tagline seems to be at the right of the title. Can you send a screenshot of how it is currently looking on your system.

    Nmedwede
    Spectator
    Posts: 7
    June 3, 2015 at 6:53 pm #17901

    I adjusted my site title & tagline to appear centered on my computer screen, using the custom css and negating the width of the logo graphic (138px x 125px) as shown below. alignment works fine on my computer. but when displayed on other devices; phone… the site title and tagline are not centered. I know this has got to be a simple simple css edit… but I can’t figure it out. Obviously no expert in CSS! Please tell me what I need to edit to make this work on all platforms.

    need it centered on the whole page – not in between the logo graphic and right edge.
    http://www.bostonoffices.com/bo-test/

    #logo, #logo a {
    margin-left: -15px;

    }

    #tagline {
    color: #000;
    padding-top:0px;
    float:center;
    font:30px Roboto;
    margin-left: -138px;
    !important;
    }

    Denzel Chia
    Moderator
    Posts: 2672
    June 4, 2015 at 4:58 am #17906

    Hi,

    You can use media queries. Using this article as reference. http://stephen.io/mediaqueries/
    For example in iPad Portrait mode. For example, to cancel out your margin-left which you set for desktop mode, which seems to be the code that’s causing it to go left.

    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait) {
    /* STYLES GO HERE */
    #tagline {
    margin-left:0px !important;
    }
    }

    You have to experiment with different media queries for each device view.
    Sorry, I can only provide you with some guidance.

    Thanks!
    Denzel