Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 5, 2017 at 10:13 pm #730087
    SaraMichelle

    i’ve read through the forums and was able to add a jpg to the right side of my site logo. however, on the mobile version, it falls on top of the navigation. also, when you compress the browser window, it falls on top of the actual site logo.

    any suggestions on how to avoid this?

    thanks,
    dalis

    January 6, 2017 at 8:22 am #730221
    Rikard

    Hey SaraMichelle,

    There not enough space in the header to fit both images on small screens. Maybe you could try to hide it on mobile using this CSS:

    @media only screen and (max-width: 767px) {
.header-custom-image {
  display:none; 
}
}

    You can add the image to a Color Section element and display it only for mobile devices, give you section an ID in the options and use CSS like this to only display it on small screens:

    @media only screen and (min-width: 768px) {
#section-phone {
  display:none !important;
}
}

@media only screen and (max-width: 767px) {
#section-phone {
  display:block !important;
}
}

    Best regards,
    Rikard

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