Hi Victoria, I already did the mockup in post #897897. Do you want me to resize the window in another mockup to show you exactly what the first mockup shows you already? I’m confused as to what another mockup will show when I just want the phone number to stay in one spot (as nominated in the mockup) regardless of the size of the browser window.
Hi,
To have the the left hand edge of the phone number to align with the left hand edge of the grey boxes in the main body section for the screen sizes we talked about earlier, I changed your css in the General Styling > Quick CSS field to this:
@media only screen and (max-width: 1373px) {
div .logo {
left: 3%!important;
top: 20px!important;
}
}
@media only screen and (min-width: 1373px) and (max-width: 1490px) {
div .logo {
left: 6%!important;
top: 20px!important;
}
}
@media only screen and (min-width: 1490px) {
div .logo {
left: 10%!important;
top: 20px!important;
}
}
Notice that I used percentages instead of pixels so that it would adjust better. If you find a group is off a little, please adjust to suit.
Best regards,
Mike
Hi Mike,
Thanks very much for your help with this mate. The number stays pretty much where i want and although it moves a bit with the larger windows and it’s much better and I’ll play with the % as you instructed. I really do appreciate your help mate, sorry to keep asking such an annoying question.
Thanks
Hi,
Please don’t feel that you are asking annoying questions! We want to help you make your site the best with Enfold! :)
Let us know if we can close the thread after you get this issue resolved. If you have more questions on a different issue please open a new thread, as this one is getting long.
Best regards,
Mike
Ok Mike, I’ll keep tinkering with this so I think you can close this thread now. Thanks very much.