Remove menu and logo on smartphone

resolved (6 posts) (2 voices)

  1. will_l
    Member

    Hello,

    I recently installed a new plugin to provide a responsive flyout menu on http://liege-panthers.be. This plugin allow me to have a top navbar on mobile with logo and icon to activate menu.

    Therefore, I would like to disable the site logo and main navigation menu of Fusion on mobile devices. Is it possible and could you please help me with it?

    Thank you in advance for your help.

    Posted 2 years ago #
  2. Elliott
    Support

    Hello will_I,

    Add this to your custom CSS.

    .mysite_responsive .logo, .mysite_responsive #responsive_menu { display: none !important; }
    Posted 2 years ago #
  3. will_l
    Member

    Thanks Elliott.

    I have an other related questions to improve website on mobile:

    1) Can we remove Fusion body top border only for mobile but keeping it for desktop?
    2) What should I add in order to have a space between mobile navbar and content?

    Another question related to website main menu now:
    Let's say I would like the menu to display only main pages (parent categories) without sub categories. Is it possible to keep parent category highlighted when navigating to one of its sub category?
    An example with teams: if we navigate to "Division 1" (parent category="Equipes"), I would like that "Equipes" stays highlighted even if I remove the current subcategories (D1, R1, U19, U16) from the menu.

    Thanks in advance for your help.

    Posted 2 years ago #
  4. Elliott
    Support

    Take a screenshot and highlight everything your trying to do so we can get a better idea.

    Posted 2 years ago #
  5. will_l
    Member

    Ok. Here is the problem highlighted for 1) and 2). I hope it is clear.

    Attachments

    1. example_scrolling_down.pdf (68.5 KB, 2 downloads) 2 years old
    2. mobile.pdf (65.1 KB, 2 downloads) 2 years old
    Posted 2 years ago #
  6. Elliott
    Support

    Try adding this to your custom CSS.

    .mysite_responsive { border: 0px !important; }
    .mysite_responsive #slider_module_inner { margin-bottom: 0px !important; }
    Posted 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme