Move site logo over slightly…

  • Resolved darrellwilde

    (@darrellwilde)


    6 years, 4 months ago

    Hi guys

    Does anybody know what css I need to amend to make my site logo go over slightly to the right as I feel its too far over to one side. Just on the desktop version as the mobile and tablet view is fine.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    .site-branding {
    position: relative;
    right: -62px;
}

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter darrellwilde

    (@darrellwilde)

    Your a star!! I really need to get to use chrome developer tools it will make my life so much easier!

    Thread Starter darrellwilde

    (@darrellwilde)

    Only issue I have with adding this css is that it now effects the mobile versions as it pushes it out of line when viewing on those…

    Is it a case of one or the other?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Try this instead….

    @media only screen and (min-width: 25em) {
 .site-branding {
    position: relative;
    right: -62px;
 }
}

    Your theme has a lot of media queries — I’m not exactly sure (without a lot more research) which one toggles the menu to the “mobile” view. If this doesn’t do it, play with the “min-width” value.

    Thread Starter darrellwilde

    (@darrellwilde)

    So this way

    @media only screen and (min-width: 25em) {
 .site-branding {
    position: relative;
    right: -62px;
 }
}

    The desktop is fine and small mobile version is also good however tablet (medium size) is out of line…. Oh the joys of css ha ha

    Thread Starter darrellwilde

    (@darrellwilde)

    Ahhhh the min-width fixed it!!!

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Move site logo over slightly…’ is closed to new replies.