Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 17, 2020 at 7:13 am #1175261
    bemodesign

    It works on my desktop, but not on mobile. I want the logo centered and no menu showing. Like on desktop. Any ideas? https://cutestbookever.com/

    January 18, 2020 at 7:02 am #1175755
    Rikard

    Hey bemodesign,

    Please try the following in Quick CSS under Enfold->General Styling:

    nav.main_menu {
  display: none !important;
}

    Best regards,
    Rikard

    January 18, 2020 at 7:01 pm #1175893
    bemodesign

    Still shows logo on the left, but the menu icon is gone. And the logo is supposed to be larger, like on the desktop.

    January 18, 2020 at 11:28 pm #1175935
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){
    .responsive .logo img {
        min-height: 200px !important;
        margin: 0 auto;
    }

    .responsive #top .logo {
	margin: 0 auto;
    }

    .responsive .logo img.alternate {
	left: 50%;
	transform: translateX(-50%);
    }
}

    Best regards,
    Jordan Shannon

    • This reply was modified 4 years, 11 months ago by Ismael. Reason: update css
    January 20, 2020 at 3:53 am #1176183
    bemodesign

    Getting close. The logo is bigger, but still not centered. And when you scroll, it doesn’t shrink the logo, like on the desktop.

    Thanks for everyone helping on. Your tech support is the best!

    January 21, 2020 at 5:41 am #1176549
    Ismael

    Hi,

    Thank you for following up.

    We adjusted the previous css code a bit to center align the logo and keep it from getting distorted. Please try it again.

    Best regards,
    Ismael

    January 21, 2020 at 7:08 pm #1176901
    bemodesign

    Still not center and when I turn the phone horizontal, it stretches and distorts the logo. And can you get the logo to shrink when scrolling up, like on the desktop?

    January 22, 2020 at 10:40 am #1177103
    Ismael

    Hi,

    Can we access the site? We tried to use the login account above, but it says that the username is unknown. Please check the info carefully, or provide another user account.

    Thank you for your patience.

    Best regards,
    Ismael

    January 22, 2020 at 7:03 pm #1177253
    bemodesign

    Added to private. thanks

    January 24, 2020 at 1:22 am #1177953
    Ismael

    Hi,

    Thank you for the info.

    We added the code in the Quick CSS field and it worked right away. Please remove the browser cache, before checking check the page.

    Best regards,
    Ismael

    January 24, 2020 at 4:18 am #1177974
    bemodesign

    Nice and centered! Thanks. Now, is there a way to have the logo get smaller on the scroll, like on the desktop?

    January 27, 2020 at 3:07 am #1178548
    Ismael

    Hi,

    You’re welcome!

    We added this code in the Quick CSS field to adjust the size of the logo on scroll.

      .responsive .logo img {
    min-height: 100px !important;
    margin: 0 auto;
  }

  .responsive .av_header_transparency .logo img {
    min-height: 200px !important;
  }

    Best regards,
    Ismael

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