Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 30, 2020 at 5:13 pm #1264028
    MyMedicalShopper

    Hi,

    How do I make our logo responsive to screen size? Our menu headers get smooshed into the image on certain browsers. Please see below:

    <img src=”file:///Users/doughorner/Library/Containers/com.apple.mail/Data/Library/Mail%20Downloads/C1542D8B-89A7-4AFA-ACC7-515208E172C0/Screen%20Shot%202020-11-25%20at%202.40.50%20PM.png” alt=”BROWSER: CHROME CHROME Version 87.0.4280.67 (Official Build) (x86_64)

    WINDOW WIDTH RANGE: starting at 992px until ~1150px width is where it overlaps” />

    December 1, 2020 at 12:48 pm #1264220
    Rikard

    Hey MyMedicalShopper,

    We can’t see the screenshot you tried to post, please upload it to a service like Dropbox or Google drive, then link to it here. Also post a link to where we can see the actual problem.

    Best regards,
    Rikard

    December 1, 2020 at 3:38 pm #1264257
    MyMedicalShopper

    Hi,

    Please see the screenshots below at the link here:

    Screenshot 1
    Screenshot 2

    December 1, 2020 at 3:44 pm #1264259
    MyMedicalShopper

    Another image for reference:

    Screenshot 3

    December 2, 2020 at 11:26 am #1264451
    Rikard

    Hi,

    Thanks for that, but the folder you linked to is not shared publicly. Please post screenshots which we can actually access, and a link to where we can see the actual problem.

    Best regards,
    Rikard

    December 2, 2020 at 3:59 pm #1264516
    MyMedicalShopper

    I don’t appreciate the tone…or the delayed responses…

    Screenshot 1
    Screenshot 2Screenshot 3

    December 3, 2020 at 9:17 am #1264697
    Rikard

    Hi,

    The screenshots you posted are still not working. Could you simply share the URLs in private maybe? I asked for a link to your site as well, you still haven’t posted that either.

    Best regards,
    Rikard

    December 3, 2020 at 3:35 pm #1264790
    MyMedicalShopper

    Please see below. The issue happens when you decrease the screen width inward.

    December 5, 2020 at 4:43 am #1265103
    Rikard

    Hi,

    Thanks for that. Please try this in Quick CSS in order to activate the mobile menu at an earlier point:

    @media only screen and (max-width: 1180px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    December 7, 2020 at 4:14 pm #1265508
    MyMedicalShopper

    Thanks. Can you clarify where I should place this CSS code on the back end in WordPress?

    December 7, 2020 at 5:30 pm #1265525
    Jordan Shannon

    Hi,

    Refer to the following:

    Add custom CSS

    Best regards,
    Jordan Shannon

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