Retina logo problem

  • Resolved Eng.Lucas

    (@englucas)


    11 years, 2 months ago

    Hi.
    In order to align the logo with the rest of the content I added the following code:

    .tc-header .brand a {
    position: relative;
    top: 0px;
    left: 30%;
    }
    .navbar .nav li {
    position: relative;
    right: 10%;
    }

    But it looks like this messed up the retina making the logo gets too much at the right and out of the screen

    There is some way to bring the retina logo back to the center?

    The site is http://questaodegosto.com.br/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Rocco Aliberti

    (@d4z_c0nf)

    11 years, 2 months ago

    You’re talking about the responsive logo position (not retina..)?
    You have to set up correct css rules with media queries.
    A useful resource (or google for them :P) to understand them -> http://themesandco.com/snippet/media-queries-responsiveness/

    Thread Starter Eng.Lucas

    (@englucas)

    11 years, 2 months ago

    Hi d4z_c0nf.
    Yes I’m the talking about the responsive logo position. Sorry I get used to refer to it as retina cause I worked with a theme in which I had to change things on retina to work on the responsive layout.
    Thanks for the advice. I will try to get to a solution and post it here in case anyone had the same doubt.

    Thread Starter Eng.Lucas

    (@englucas)

    11 years, 2 months ago

    Hey d4z_c0nf.
    I studied the media queries and I solved my problem resetting the positions I’ve changed to 0. Thanks a lot man!
    f anyone else has this problem, the following code solved my issues

    @media screen and (max-width: 979px) {
    .tc-header .brand a {
       left:0
     }
    .navbar .nav li {
      right:  0%;
     }
}

    But keep in mind that this may change according to the modifications you made in your website.

    Rocco Aliberti

    (@d4z_c0nf)

    11 years, 2 months ago

    Glad you solved Eng.Lucas,
    and thanks for sharing the result, and the advice for other users! That’s the way! 😉

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

The topic ‘Retina logo problem’ is closed to new replies.