Mobile version Menu list

Hi,

I have about 22 pages in my website www.pocwifi.com.au under moesia pro

Porblem is, when I open the tab (with 3 lines) in my phone, it shows all the pages.
I’d prefer to have the main pages showing only not the subpages anymore.

How can I do this? Please let me know how to do it in a series of steps, since i’m really new with wordpress.

Thanks
Carlos

Dear Carlos,

Thank you for reaching out to us here. It seems like it is your first query here. Welcome to our support forum. :slight_smile:

In order to hide the sub menu items on mobile navigation, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (max-width:991px){
  
  .main-navigation li.menu-item-has-children .sub-menu{
     display: none !important;  
  }
  
}

Regards,
Kharis

Hi Kharis,

:open_mouth: Thanks, really helpful!!! It’s all good now.

Last question, In my mobile version. Whenever I add a button on the welcome page. You know, the small button located in the front of the slider. How do I make it bigger and make it appear on mobile version.

This one’s really going to help a lot. :slight_smile:

Thanks!
Carlos

Dear Carlos,

As your last question doesn’t seem to relate with the initial query, please post it in a new topic. Doing so will help us to keep this support forum well organized and be more readable for others.

Regards,
Kharis

No Worries.

Thanks