Home / Forums / DynamiX Support / Customize – Custom CSS – Mobile Menu, remove divider lines

Viewing 15 posts - 1 through 15 (of 22 total)
  • Author
    Posts

  • vphan
    Participant

    Hi,

    In Customize option – Custom CC mobile, I wish to remove the border and divider lines of my mobile menu panel.

    What code should I use please?

    With many thanks!

    vphan

    Andy
    Andy
    Keymaster

    Hi,

    Can you post a link to your site please and I’ll provide the CSS for this.


    vphan
    Participant
    This reply has been marked as private.
    Andy
    Andy
    Keymaster

    Try adding this CSS to Appearance > Theme Options > Customize > Custom CSS:

    .nv-dark #mobile-tabs a {border:none !important;}

    Are you using DynamiX 5.0.1? The logo should be center aligned on mobile in sticky mode. Try this in Appearance > Theme Options > Customize > Mobile CSS if you are.

    .header-wrap.stuck #header-logo {float:none !important;text-algin:center !important;}


    vphan
    Participant

    Hi Andy,

    Thanks a lot.

    It is ok for the divider lines.

    But there is still 2 points:

    1) Mobile text menu is not centered despite your custom code.
    2) External border of mobile menu still there

    Many thanks for these last points!


    vphan
    Participant

    Sorry please delete the post above:

    Hi Andy,

    Thanks a lot.

    It is ok for the divider lines.

    But there is still 2 points:

    1) Mobile sticky menu is on the left I wish it centered.
    2) External border of mobile menu still there

    Many thanks for these last points!

    Andy
    Andy
    Keymaster

    Hi,

    Add the following CSS to hide the border:

    #mobile-tabs {border:none !important;}

    As for the center align, you need to update the theme and this will fix the issue. Plus, you can select the sticky menu to be desktop only now.


    vphan
    Participant

    Hi Andy,

    Thanks for the border.

    But I have updated to 5.0.2 but now the mobile menu panel is coming in out very fast without any stop.

    Is it a bug?

    Thank you.

    Andy
    Andy
    Keymaster

    Hi,

    That’s not actually part of the theme that’s causing it to bounce back. That’s either some custom jQuery or a plugin that is causing that. Can you check there is no custom jQuery or plugins affecting this.


    vphan
    Participant

    Hi Andy,

    You are right, it is the cache plugin wp-rocket that is resulting the trouble.

    For mobile menu panel bounce back, could you please tell me the paths to the query and js file I must exclude from compression?

    Thank you so much


    vphan
    Participant

    * exclude from minification js and css

    Andy
    Andy
    Keymaster

    Hi,

    I’m not sure what file was causing it because it was inline JS. I don’t see the issue happening anymore, did you locate what file it was?


    vphan
    Participant

    Hi,

    I have deactivated the cache plugin (WP-Rocket) that’s why.

    But the issue still remain…

    Do have any idea?

    Andy
    Andy
    Keymaster

    Oh, so the actual caching plugin is creating that animation? I’m not sure if you’ll be able to do anything about that.

    It might be worth using WP Super Cache instead? That’s what I use, along with Autoptimize and score A,A ratings.


    vphan
    Participant

    OK, I try to ask to WP-Rocket some help.

    Andy, do you know how I can open a Vimeo video in a lightbox with a button in a Revolution Slider Slide?

    Sorry to disturb you that much…

    Thank you for your patience and kindness.

Viewing 15 posts - 1 through 15 (of 22 total)

You must be logged in to reply to this topic.