How to make wide logo float left in mobile-responsive sizes?

Homepage › Community Forums › Legacy Theme Support › How to make wide logo float left in mobile-responsive sizes?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 13, 2014 at 7:21 pm #10002
    msweet
    Customer

      Hi Wes and everyone:

      I created this website in the old Legacy theme: http://awakeintheworld2013.org/ Notice if you make your browser really skinny to simulate iPad or iPhone width, the wide logo stays to the left, highlighing the logo words at the left.

      So I’ve just set up a new website for a related group based on a similar look, but using the new Legacy theme: http://www.movingforwardboston.com/. The client insisted on a wide header against our recommendations, so I thought I would do it the same way as the other one. The desired effect being that when viewed on an iPhone or narrow iPad, the logo words “Moving Forward” would remain visible like in the first website.

      However, this wide header image stays centered, instead of showing the left end, when browser is squished skinny. I’m not a style sheet queen (yet … working on it!), but can do some medium-level editing, so I looked via Firefox to try and find obvious places, so I’ve added various float: lefts to various elements but no luck so far.

      Any help much appreciated! Many thanks,

      Tad Hanna
      Web Developer, Sweet Design

      January 13, 2014 at 9:52 pm #10009
      Wes
      Moderator

        Take a look around line 2953 in your css file and remove the background-position: center; part….looks like this – 

        .header-image .site-header, 
.header-image .site-header .wrap {
    background-position: center top !important;
}

        That should put it back to the left. Let me know if that works.

        January 14, 2014 at 9:31 pm #10020
        msweet
        Customer

          Hi Wes,

          That did the trick, thanks much: http://www.movingforwardboston.com/

          Thanks for timely response!

          Tad Hanna
          Web Developer, Sweet Design.

          January 14, 2014 at 10:28 pm #10026
          Wes
          Moderator

            You’re Welcome!

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.