Hi, I’ve used the CSS code:
.sub_menu {
position: absolute;
left: 0;
}
#top .social_bookmarks {
right: 0;
position: absolute;
}
to move the social icons to the right and the small text to the left. However, the text on the left does not align with the logo. Would it be possible to move (through additional / new CSS) the text more to the left (17 px).
Already fixed it :-)
tnx
Just another thing:
When I resize to iPhone dimensions, the social icons and .phone text collide together with the seperation line. Pls take a look on artdev.nl
tnx
Arthur
Hi Arthur,
You need to make those changes only effect your desktop. We’ve added in 2 media queries to your custom.css in the base theme so that you can just paste in the css as needed.
So for your adjustments, you’ll want to putt them in this code:
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
}
Right under the ” /* Add your Desktop Styles here */” .
Regards,
Devin