BlueOwlCreative » Topic: Submenu in mobile version

Submenu in mobile version

Kalmika — Fri, 10 Nov 2017 06:30:40 +0000

Hello!

The submenu is on the top of the page, but if the site goes to mobile version, its simply disappear, so, how to “turn on” submenu on mobile view?

Thanks

Reply To: Submenu in mobile version

BlueOwl — Mon, 13 Nov 2017 11:36:28 +0000

Hi there,

The submenus show up once you tick the arrow to the right of a top level nav item.

Reply To: Submenu in mobile version

Kalmika — Tue, 14 Nov 2017 09:20:22 +0000

I only see the main menu under the 3 little line, the submenu ( facebook link , phone number and few page link) is still missing.

Reply To: Submenu in mobile version

Kalmika — Wed, 15 Nov 2017 06:32:12 +0000

Maybe I used the wrong term, sorry. Not submenu, I missing the secondary menu. There is 2 menu on the top of the page, a “big” main menu and a small one on the very top of the page with phone number. I added a few link to the small one , like “prices” , and I can not see that menu links on the mobile version.

Like here:

http://blueowlcreative.com/wp/fortuna/home-page/home-boxed-1/

there is the phone number en social icons. That whole menu line is missing in mobile.

But easier to see on the top of the site: estheticline.hu

Reply To: Submenu in mobile version

BlueOwl — Wed, 15 Nov 2017 13:27:04 +0000

Oh, you mean the subheader?
Add this to your CSS:

@media only screen and (max-width: 768px){
.full_header {
    display: block;
}
}

Reply To: Submenu in mobile version

Kalmika — Wed, 15 Nov 2017 19:13:00 +0000

Thank you!

Reply To: Submenu in mobile version

Kalmika — Wed, 15 Nov 2017 19:27:15 +0000

I added in the style.css m but not working

Reply To: Submenu in mobile version

BlueOwl — Thu, 16 Nov 2017 08:17:16 +0000

Add it to your Theme options->Custom CSS!

Reply To: Submenu in mobile version

Kalmika — Thu, 16 Nov 2017 08:40:26 +0000

I also tried that, cleared the cache, but not working

Reply To: Submenu in mobile version

Kalmika — Thu, 16 Nov 2017 13:20:40 +0000

I think, I solved it:

in the grid_responsive.css , the .full_header { display: none; } to .full_header { display: block; }

Now it is good!

Thanks