Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 21, 2020 at 6:17 pm #1176875
    Sheraly93

    My website uses a mobile menu when my website gets smaller and the logo would overlap the regular menu. That works perfectly well.
    When I make it even smaller the “mobile version” takes place and the menu switches to the right side, the social icons disappear and my header logo (passt zu mir) is completely out of place.
    I just want to deactivate that mobile version that activates when my window gets pretty small (smartphone width) without deleting my mobile menu I’m currently using.

    Home

    You can check what I mean here. Making it smaller is working fine until the mobile version smashes everything.

    January 21, 2020 at 6:20 pm #1176878
    Jordan Shannon

    Hey Sheraly93,

    Please try the following code in quick css;

    @media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .menu-item-avia-special {
    display: none;
}
.responsive #top .av-main-nav .menu-item {
    display: block;
}}

    Best regards,
    Jordan Shannon

    January 21, 2020 at 6:34 pm #1176887
    Sheraly93

    Not working so well :D
    That’s what the code does:

    I wanted it like this:
    Perfect
    But it’s doing this now:
    Not working so well

    • This reply was modified 4 years, 11 months ago by Sheraly93.
    January 21, 2020 at 6:38 pm #1176889
    Jordan Shannon

    Hi,

    So you still want the burger menu, just on the left?

    Best regards,
    Jordan Shannon

    January 21, 2020 at 6:46 pm #1176894
    Sheraly93

    Sorry. It’s hard to describe :D

    Yes! I want to menu on the left. My social media icons to be visible and my logo in my picture not to hop away when it starts to switch to the mobile view! :)
    It’s all fine until the mobile version get’s into place. (Can’t I just deactivate it somehow for the whole header?)

    January 23, 2020 at 8:07 am #1177421
    Rikard

    Hi,

    Thanks for the update. There’s no CSS at all loading on your site at the moment though, could you try to delete the old CSS and JS files under Enfold->Performance please?

    Best regards,
    Rikard

    January 23, 2020 at 9:44 am #1177471
    Sheraly93

    Oh didn’t see that it’s not loading.
    Should work now!

    Oh and don’t be confused:
    I changed the logo from the right to the left side.
    But that doesn’t change my problem. I still have this switching to the mobile view when my browser window gets too small.
    The logo is still out of place then and my social icons still missing.

    Perfect:
    perfect

    Not working anymore:
    not

    • This reply was modified 4 years, 11 months ago by Sheraly93.
    January 24, 2020 at 6:01 am #1177988
    Rikard

    Hi,

    Thanks for that. Please try this in Quick CSS:

    @media only screen and (max-width: 767px) {
.responsive #top #header .social_bookmarks {
    display: block;
}
#passtzumir {
    left: auto;
    width: 150px;
    right: -50px;
    width: 150px !important;
}
}

    Best regards,
    Rikard

    January 24, 2020 at 10:37 am #1178066
    Sheraly93

    Thank you!
    The logo is way better now.

    The social icons are centred when I shrink my browser window but are not visible on my phone:
    phone

    January 25, 2020 at 9:25 am #1178286
    Rikard

    Hi,

    Thanks for the update, there’s no CSS loading on your site again. What did you do to fix that the last time?

    Best regards,
    Rikard

    January 31, 2020 at 10:37 am #1180210
    Sheraly93

    I deleted the cache of enfold and with the plugin wp fastest cache.

    February 2, 2020 at 5:21 am #1180585
    Rikard

    Hi,

    Your site is loading normally now, please try this CSS as well:

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {
    display: block;
}
}

    Best regards,
    Rikard

    February 3, 2020 at 10:26 am #1180810
    Sheraly93

    Perfect! Thank you! 😊

    February 3, 2020 at 1:27 pm #1180910
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    February 7, 2020 at 1:37 pm #1182302
    Sheraly93

    Works all perfect! You can close it! Thank you! 🙏

    February 8, 2020 at 9:10 am #1182513
    Rikard

    Hi,

    Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Disable Mobile Header’ is closed to new replies.