lancer15
offlineMember
Hi,
What is the best way to make the second logo (drnamesml.jpg) in the logo DIV right-justified while still being responsive and wrap below the first logo (drcppmlogo.jpg) for smaller windows?
http://www.drcppm.com/indexpageproto3.htm
Thanks,
Lance
Sinclair
offlineMember
You could try this....
In your affinity stylesheet find this rule....
#logo {
padding: 10px 20px;
position: relative;
z-index: 10;
background-image: -webkit-linear-gradient(#FFFFFF, #FFF);
background-image: linear-gradient(#FFFFFF, #FFF);
background-color: #FFFFFF;
box-shadow: 0px 0px 30px #000;
}
Paste this in over thre top of it....
#logo {
overflow:hidden;
padding: 10px 20px;
position: relative;
z-index: 10;
background-image: -webkit-linear-gradient(#FFFFFF, #FFF);
background-image: linear-gradient(#FFFFFF, #FFF);
background-color: #FFFFFF;
box-shadow: 0px 0px 30px #000;
}
#logo img:nth-child(1) {
float:left;
}
#logo img:nth-child(2) {
float:right;
}
Come down to the media queries and find this....
/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {
margin: 0px;
}
Paste this over the top of it....
/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {
margin: 0px;
}
#logo img:nth-child(2) {
float:left;
clear:left;
}
HTH
lancer15
offlineMember
SInclair,
Way to go! Thank you so much!!
Lance
You must log in to post.
