Thank you. You can close this issue now.

No thank you, Mike. You can close this one down. Very much appreciated.

Jeff

Hi Mike, thank you. I saw that , and I saw ARIAL as an option for the Font Body — but no the Heading Font. How do I get the headings in ARIAL too?

http://www.jeffbianchivoice.com

I’m sorry, I don’t think I understand.

What do you mean that almost all the demos have blogs? Can you give me a couple of them I can go to right now and see their blogs?

Thanks, Yigit. I appreciate your patience.

Jeff

Looks like it’s working! Thanks so much for your help.

Jeff

Here’s your new password.

Yes, it’s done in quick CSS. What email address should I use for credentials?

Here is the site: http://www.thecopywriterswebmaster.com

Hi Sarah,

Sure I can, what email should I set up as an admin?

Update:Very strange!

It appears that when I resize my browser, the sidebar menu becomes ‘sticky’ again. But then I change the size of my browser again and it’s not sticky.

How can I get the sidebar menu to be sticky regardless of the size of the browser window?

Thanks!

Jeff

Hi Rikard!

So here’s what I found out: apparently the function of the Code Block is to display code or CSS on the webpage as content instead of as something that executes. So the Code Block didn’t work for me.

After trying half a dozen other techniques and plugins, here’s what I came up with:

You gave me the following CSS:

@media only screen and (max-width: 1200px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

This only worked on the English page. The Portuguese and Spanish pages were still letting the main menu overlap into the logo. So I tried a few changes to the CSS you gave me and came up with this:

@media only screen and (max-width: 1300px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

Notice the 1300px (your original was 1200px). This now works for all three pages – English, Portuguese and Spanish.

However, there is one slight issue – the English menu collapses to the 3 lines (don’t know what else to call it) menu VERY early, not as it starts to bump against the logo.

So here’s my question – is it possible for us to come up with some kind of page-specific CSS using the page IDs? For instance, for the English page:

.page-id-17 @media only screen and (max-width: 1200px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

And for the Portuguese and Spanish pages:

.page-id-472 .page-id-451 @media only screen and (max-width: 1300px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

I know it’s possible to qualify CSS by page ID, but I do not know how to do it within the context of the CSS you gave me. I don’t know how to specify it and I don’t know the order in which it needs to be displayed so that they both are active and don’t overwrite each other’s functionality.

Thanks for you patience on this, Rikard. I’m sure it’s a pain, but I’m really close to getting the effect I want.

Jeff

Hello!

I think we can close this thread.

Thanks!

Jeff

Hi Rikardm

Good news and bad(for me) news. Your CSS worked great for the main (English) page.

I am, however, using Menu Swapper for the Portuguese and Spanish pages. This plugin requires that I set up two additional menu locations: mswp_portuguese_mm & mswp_spainsh_mm respectively.

Since these language pages aren’t using the Enfold Main Menu, this CSS isn’t working on either of those pages.

Is there a way to modify the CSS you gave me so that it also covers the two new menu locations I’ve created?

Thanks!

Jeff

Hi Rikard,

Is it possible for you to give me some of the steps I’d need to perform to make what you suggest happen? Is this a topic that should be discussed privately via email (as opposed to here in open forum)?