Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 29, 2017 at 5:00 pm #858524
    LisaLou862

    Hi,
    You helped me with the logo positioning last week and it works great on my large monitor. But the logo is being cut off on the laptop screens. Can you please help again? I have tried playing with the numbers in the code you sent below but I cannot get it to work on both monitors and laptops.

    @media only screen and (min-width: 1024px) { .avia-image-container-inner{ margin-left:-195px!important; }}

    My login credentials, etc. are below. I am supposed to present this today, so I hope you can help pretty quickly!
    Thank you,
    Lisa

    September 29, 2017 at 5:51 pm #858552
    Jordan Shannon

    Hey LisaLou862,

    Try adding the following to quick css in place of the original css you were given:

    @media only screen and (max-width: 1800px) and (min-width: 767px)  {
.avia-image-container-inner{
 margin-left: -90px!important;
}
.avia_image {
max-width:80%!important;
}}

    Best regards,
    Jordan Shannon

    September 29, 2017 at 6:13 pm #858562
    LisaLou862

    Hi Jordan,
    Thank you. The logo is still too far to the left on my large monitor but works on all other devices. Is that just the way it will be on large monitors?

    September 29, 2017 at 10:11 pm #858613
    Jordan Shannon

    Hi,
    Can you post a screenshot?

    Best regards,
    Jordan Shannon

    September 29, 2017 at 10:23 pm #858618
    LisaLou862

    null

    http://www.societyforpediatricresearch.org/wp-content/uploads/2017/09/sprhomepage.jpg

    September 30, 2017 at 7:41 am #858683
    Jordan Shannon

    Hi,

    What size screen is the shot from? I can try and adjust further.

    Best regards,
    Jordan Shannon

    October 2, 2017 at 8:02 pm #859351
    LisaLou862

    My monitor is 1920 x 1080

    October 2, 2017 at 8:51 pm #859361
    Jordan Shannon

    Hi,

    Try the following:

    
@media only screen and (max-width: 2000px) and (min-width: 767px)  {
.avia-image-container-inner{
 margin-left: -90px!important;
}
.avia_image {
max-width:80%!important;
}}

    Best regards,
    Jordan Shannon

    October 13, 2017 at 6:34 pm #864080
    LisaLou862

    Hi Jordan,
    That worked. Now can you tell me how to get the tagline image below the logo moved over to the left as well?
    Thanks,
    Lisa

    October 13, 2017 at 6:42 pm #864081
    Jordan Shannon

    Hi,

    They share the same class so the same css should apply, the tag line appears to be much longer than the logo however so on smaller screens there will still be over lap unless you reduce the font-size on the tag line.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.