Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • October 17, 2020 at 4:33 pm #1253504
    ReinaSmallenbroek

    Hi,
    I Searched the forum, but there are so many threads about it, that I can’t find the solution for my question.
    In Enfold I imported a demo: https://kriesi.at/themes/enfold-dark-photography/ and changed it to the Enfold2017 white.
    I use the Main Menu on the desktop version, and the Hamburger Menu on the Mobile. It’s on a white background and I changed the hamburger icon it self in to a grey #b0b0b0. But In this case the menu and it’s sub menu’s are hardly visible on a mobile phone or tablet.
    Is there a way in Enfold to change this or maybe in CSS?

    The site is for a client and still under construction

    October 18, 2020 at 7:08 pm #1253670
    Victoria

    Hey ReinaSmallenbroek,

    Best regards,
    Victoria

    October 19, 2020 at 6:48 am #1253810
    ReinaSmallenbroek

    Thanks for your respond
    The hamburger itself is okay.
    This is what I see on the fly-out menu from a hamburger

    https://www.mupload.nl/img/acscakqwbe8.jpg

    October 19, 2020 at 4:24 pm #1254065
    Victoria

    Hi ReinaSmallenbroek,

    Oh :)

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    color: #444;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 19, 2020 at 5:26 pm #1254101
    ReinaSmallenbroek

    Thanks so much for your help.
    I added it to the dashboard of Enfold, but it did not work.

    Then I added it with FTP to the custom CSS and it does not do the trick either. Maybe I did it wrong?

    https://www.mupload.nl/img/trmutof8v83.jpg

    October 20, 2020 at 9:08 pm #1254449
    Victoria

    Hi ReinaSmallenbroek,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    I see you have starting comment characters there, that does not look right.

    Best regards,
    Victoria

    October 20, 2020 at 10:03 pm #1254482
    ReinaSmallenbroek

    Yes of course… so glad you help me with this. Pass in the Private Content box

    And I was not planning to ask you this also right now… but since you are looking into the CSS can I please ask you for another favor…
    In the Mobile view the pictures from the portfolio items are not at 100% … you see part of them…
    https://www.mupload.nl/img/25uspv.jpg
    In the right corner below (see picture) … you can expand them and then you see the whole picture… I don’t think visitors on a mobile phone will know they can expand the photo’s.
    Is there a way to change this in the code also… so you see the expanded version right away?

    October 22, 2020 at 10:36 am #1254907
    Victoria

    Hi ReinaSmallenbroek,

    I added the code for you in the Quick css. It works now.

    I did not find the page with the horizontal gallery, can you give us the link to that page?

    Also, you need to install and configure the Smash balloon plugin for Instagram.

    Smash Balloon Social Photo Feed

    Smash Balloon Integration

    Best regards,
    Victoria

    October 22, 2020 at 1:09 pm #1254958
    ReinaSmallenbroek

    You are awesome Victoria. So glad you helped us out.
    About the Instagram plugin.. my cliënt gets her instagram account name changed, as soon as the new website goes official online. So we are waiting to integrate Instagram/Smash Balloon plugin.

    [quote]I did not find the page with the horizontal gallery, can you give us the link to that page?[/quote]

    In fact, it is every Portfolio item page! It is beautiful on desktop and tablet.. but it fails on mobile…
    In the right corner below … you can expand them and then you see the whole picture… I don’t think visitors on a mobile phone will see they can expand the photo’s.

    October 23, 2020 at 4:29 pm #1255295
    Victoria

    Hi ReinaSmallenbroek,

    Hmmm… seems to work in the http://www.responsinator.com. Did you test it on mobile?
    Screen Recording 2020-10-23 at 17.28.28.gif

    It can be better to even hide the gallery on mobile and add some slider.

    Best regards,
    Victoria

    October 24, 2020 at 8:20 am #1255400
    ReinaSmallenbroek

    Hi Vitoria,
    Thanks for responding so quick. Yes you are right .. I know this can be done, but ” I don’t think visitors on a mobile phone will see they can expand the photo’s.” Is there a way with code to skip pushing the expand icon in the right corner on Mobile? This would be my preference.

    “It can be better to even hide the gallery on mobile and add some slider.”… ow that would be an idea if above is not possible… how do I do this?

    Grtz
    Reina

    October 29, 2020 at 1:49 am #1256546
    Ismael

    Hi,

    “It can be better to even hide the gallery on mobile and add some slider.”… ow that would be an idea if above is not possible… how do I do this?

    You could toggle the elements’ visibility in the Screen Options tab and control whether they should display or not in a certain screen size. Using this you could hide the gallery on mobile view and display a slider instead.

    Best regards,
    Ismael

    October 29, 2020 at 8:03 am #1256620
    ReinaSmallenbroek

    Thank you. I will try them all. I saw (already) you can hide the vertical pictures (portret stand), but that way visitors on Mobile can’t see all the pictures. And I tried all kinds of sliders too, but that way vertical pictures are showed also in horizontal view
    But the option to hide the gallery on mobile and display slider I did not find yet. It is possible as you both say, so I’ll have to look better and see if that solves the problem.
    Thanks!

    October 29, 2020 at 2:52 pm #1256745
    ReinaSmallenbroek

    I am sorry to bother you again. I can’t find the screen options tab you are referring to. (I have a Dutch version)

    On a Portfolio File Page:
    No Screen Options Portfolio File Page

    On the Portfolio Items Page:
    Screen Options Portfolio Items

    If I change it here
    Responsive tab
    there is no slider at all on Mobile

    October 30, 2020 at 7:14 pm #1257109
    Victoria

    Hi ReinaSmallenbroek,

    https://share.getcloudapp.com/p9uwBrJ9 Yes, this is how you hide the gallery and can choose to display another element instead.

    Best regards,
    Victoria

    October 30, 2020 at 8:30 pm #1257136
    ReinaSmallenbroek

    Eureka! I understand. You make two different sliders (and add twice the same pictures) in the same page and choose where it is visible in the Responsive tab!
    Thanks a lot…
    Best regards and stay save!
    Reina

    October 30, 2020 at 10:18 pm #1257185
    Victoria

    Hi ReinaSmallenbroek,

    Thank you! You too! :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    January 4, 2021 at 4:58 pm #1270200
    ReinaSmallenbroek

    REOPEN

    We had the Mobile Menu working in CSS (Enfold > Standard Style > fast CSS) We have the Dutch version, so do not know the Englisch titles)

    `@media only screen and (max-width: 989px) {
    #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a .avia-menu-text{
    color: #444;
    }
    }

    But as soon as we push the hamburger menu on the phone… nothing is showing. The Menu is not visible. The page seems to be blanc
    The code is still there in the dashboard of WordPress, but I think an update ruined it.

    Could you please help us again?

    January 5, 2021 at 5:35 am #1270310
    Rikard

    Hi,

    Sorry for the problem. Please try installing this plugin: https://wordpress.org/plugins/enable-jquery-migrate-helper/, then set the jQuery version to 1.12.4 in the plugin options. This is a temporary solution, it will be solved in the next release of the theme.

    Best regards,
    Rikard

    January 5, 2021 at 9:47 am #1270339
    ReinaSmallenbroek

    Thank you! That solved it!

    January 6, 2021 at 4:54 am #1270509
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    January 15, 2021 at 1:14 am #1272544
    ReinaSmallenbroek

    SOLVED by itself!

    Hi,
    After installing the plugin jQuery version to 1.12.4 one item in the Menu version for mobile is not working (see private Content).
    It is working on PC. The page is the result of a code provided by an external shop.

    January 15, 2021 at 6:57 am #1272584
    Jordan Shannon

    Hi,

    I’m glad this was resolved. Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    March 6, 2021 at 9:22 am #1286011
    ReinaSmallenbroek

    Thanks for the update of the Enfold Theme! The problem of the Hamburger Menu on Mobile is solved! jQuery not necessary anymore

    March 8, 2021 at 3:56 am #1286266
    Rikard

    Hi,

    Thanks for the update, I’m glad to hear that things are working as they should again. I’ll go ahead and 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 25 posts - 1 through 25 (of 25 total)
  • The topic ‘Mobile Hamburger Menu’ is closed to new replies.