Support » Theme: Customizr » Move the tagline to the left

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi erskine78,
    in fact I must say that the solution require a bit of fantasy! 🙂
    You must move two elements to get the result. One is a social block which is empty but prevents the tagline from moving to the left.
    Make a child theme if you don’t have it yet, then add this to your style.css

    .social-block {
      float:right;
    }
    
    .navbar-wrapper .navbar h2 {
      float: left;
      padding-left: 20px;
      text-align: left;
    }

    Let me know if it works, if it doesn’t we’ll have to add CSS classes to the commands in order to be more specific

    Hey again!

    It can be a tricky one 🙂

    The spot you’re trying to move it to is taken by the social icon area, so if you float it to the right and the tagline to the left you’ll be good to go!

    .social-block {
        float: right;
    }
    .navbar-wrapper .navbar h2 {
        float: left;
        text-align: left;
    }

    Cheers! Let the fun continue!

    Doesn’t quite work as given…

    Change .social-block to .social-block.span5

    I have not tested it for unwanted affects on different viewports…

    Try this one then. It is much more specific.

    header .navbar-wrapper .navbar .social-block {
        float: right;
    }

    The code works, it’s just a matter of trial and error to find the right combination of classes to make it work as intended. If that doesn’t work yet try to remove header.

    @giulio ‘the geek’ Daprela: I am not the OP…I was helping the OP…the suggestion I provided works…

    Sorry, was in a hurry and didn’t check 🙂

    Thread Starter erskine78

    (@erskine78)

    Giulio ‘the geek’ Daprela: It worked! Thank you!!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Move the tagline to the left’ is closed to new replies.