Hide split menu on standard pages

elitefirenze · August 2018

Hi, I'm using the "split menu" for the homepage of my site and also a sticky menu after scrolling that I would like to use on all other pages.

How can I hide (don't use) the split menu on the other pages?

Waiting for your kind reply,

Regards

Pablo · August 2018

Hi,

You can create new layout or just hide whole menu by CSS.

I will explain you first advice.

Go to WP Dashboard > Layout, create the new one.

Set all setings you want to have (such a header style etc.).

Then, edit the pages you want to have other menu and change the layout in Page Options.

http://prntscr.com/koynlm

Thanks

elitefirenze · September 2018

Hi,

thank you for your reply.

I tried to create a new layout for some pages, but it's not the right solution for my case.

Maybe I didn't explain very well in the previous message, but I don't want to change the type of menu, but only open internal pages (for ex contact page) with just sticky menu beacuse my split menu has links in white color, and these become invisible with white background > https://ibb.co/gWv3aK

I use custom skin colors, so in alternative I thought to change color skin in the new page layout, but in this way I have to re-write all the css for all the colors setting, not only for header and menu...

(Just to know) Home page split menu : https://ibb.co/hLhPFK

Also, How can I modify the sticky logo max height?

.(index):96

@media only screen and (min-width: 768px)

#Top_bar.is-sticky #logo img.logo-sticky {

display: inline;

max-height: 35px;

Waiting for your kind reply,

thanks!

Pablo · September 2018

Can you send me a link to your website?

It will help me a lot.

Thanks.

elitefirenze · September 2018

Hi Pablo,

the website is in "under construction mode", you should see only the countdown...

Pablo · September 2018

I have to get into your website to modify your header for a few pages.
Paste me the link to this pages and what exactly you want to change.

About this CSS, it should won't work right, because top_bar have his amount too, and even if we increase the height of the logo and top_bar it won't be in the middle.

Just insert a larger image into Theme Options > Global > Logo
Thanks.

elitefirenze · September 2018

Hi, I've temporary deactivated the under construction mode.

This is one of the pages that I would like to have with ONLY sticky menu.

In alternative, I need to set ONLY different logo and split menu links color. I tried creating a new layout, but it didn't work, also with a preset "skin color", that change all colors parameters like H titles, content etc...

https://www.fnbrowbar.com/contatti/

Thanks

Pablo · September 2018

Hi,

It's still under construction mode.

Cheers.

elitefirenze · September 2018

Hi, please check now. Thank you!

Pablo · September 2018

Please use this Custom CSS code:

body:not(.home) #Header #Top_bar {
  background-color:#5d7975 !important;
}

@media (min-width:767px){
	#Content .entry-content{
	padding-top:140px;
}}

Also, go to Theme Options > Header & Subheader > Header

and turn the minimalist without header spice option.

Cheers.

elitefirenze · September 2018

Hi,

I set your custom code and header option, but in this way (as you can check on the website) the result is that I have a no transparent menu also in the home page, and furthermore it is so high also on the other pages. For example, in the contact page it goes over the map : https://www.fnbrowbar.com/contatti/

I would like to have original transparent split menu in the home page, and only sticky menu on the other pages https://ibb.co/gWv3aK

Thanks!

Pablo · September 2018

I updated the code above.

Cheers.

elitefirenze · September 2018

Now it works! Thank you!

Hide split menu on standard pages

Comments