.site-branding {
position: relative;
right: -62px;
}
To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress
Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.
Your a star!! I really need to get to use chrome developer tools it will make my life so much easier!
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?
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.
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
Ahhhh the min-width fixed it!!!
Thanks
