Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 2, 2017 at 10:30 pm #871862
    vadikcoma

    Hello, we have following setup:
    For desktop and mobile we are using different set of blocks in composer. But we only have 1 fullwidth sub menu. So when I click on any anchor link in the menu – on mobile it doesn’t scroll. However in the composer all IDs are set, but they are duplicate – same for mobile and desktop.
    Page in question – https://anticone.comadev.noc.lv/

    November 3, 2017 at 11:50 am #872100
    Rikard

    Hey vadikcoma,

    I don’t think that will work since the ID’s are duplicate like you pointed out, I think you will need unique ID’s for mobile and probably a second sub menu as well.

    Best regards,
    Rikard

    November 3, 2017 at 12:13 pm #872119
    vadikcoma

    hi Rikard, thank you!
    Could you please advise us on how to place sub menu into some section, where we can control desktop and mobile visibility? As for now it seems that its impossible to put sub menu into color section

    November 5, 2017 at 10:55 pm #872845
    Basilis

    Hi,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    November 6, 2017 at 1:09 am #872879
    vadikcoma

    Hi Basilis,
    Thank you very much for your time!
    So far it seems that it is almost impossible to create one page website with separate sections for mobile and desktop.
    As I see it, this trick can solve it quite easily – allowing to set separate menu (navigation) for mobile devices. I saw few themes have that

    November 6, 2017 at 1:13 pm #873036
    Rikard

    Hi,

    Thanks for the feedback. You have an option to control this manually if you want to try that out. If you enable the custom CSS option for all builder elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/. Then you can assign classes to your elements and control what screen sizes you want to show them for:

    @media only screen and (max-width: 767px) {
.hide-on-mobile {
  display:none;
}
}

@media only screen and (min-width: 768px) {
.hide-on-mobile {
  display:block;
}
}

    Best regards,
    Rikard

    November 7, 2017 at 8:47 pm #873884
    vadikcoma

    Thank you Rikard,

    It worked!

    November 8, 2017 at 1:40 pm #874161
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    November 8, 2017 at 1:43 pm #874163
    vadikcoma

    Thanks, Rikard,
    Please consider as fixed

    November 9, 2017 at 7:48 am #874522
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Fullwidth Sub Menu not working on mobile’ is closed to new replies.