Theme Options saved changes stoped implementing

Support
#1

HI. When I save changes in Theme Options (Ethos stack: Parent theme), they still aren’t being implemented. Right now I’ve got a 1 pg site with mostly Jump Menu links in the Header, and 2 Header menu links that don’t have matching background colors. I can’t seem to be able to adjust them anymore. This has been driving me nuts for DAYS. I switched from the Child theme to the Parent and have clicked every button Xtheme has to offer.

I’m updated to the latest Xtheme version, flushed the cache, and tried viewing in different browsers.

Screenshot_2020-03-02 Theme Options - X
Screenshot_2020-03-02 Theme Options - X899×51 3.6 KB

#2

Hey Michael,

Thanks for writing in. The cause of this issue is the usage of Full or Absolute URLs like:

http://example.com/#about

What you can do here is use the Relative URL version only like:

#about

You might however want to use the menu globally and the relative URL menu will only work in the page with the specific IDs. The solution here is to use the relative menu only for the page with the IDs. You can use the One Page Navigation Page Setting to assign the relative URL menu only to your page. You can learn more about the One Page Navigation setting here: https://theme.co/docs/page-settings

The Absolute URL menu should still be the Primary Menu so it’s assigned as the global menu.

Hope that helps.

#3

Thanks so much for responding. Making all my links uniform worked. All of my menu link colors match but my jump links to other pages are broken. I also made a new menu with Relative URLs only (as suggested) but no luck in firefox and brave/chrome. :frowning:

#4

Hi Michael,

On your One Page navigation, please use Absolute URL for menu that will link on another page like the Privacy Policy page. Use only relative URL for menu that will within the homepage section. If you are still having issues after this, please share credentials inside a secure note so we can check your setup.

#5

Hello Michael,

I can see that you have created 3 different menus.

Your “Jump Link Menu” should NOT be used as your primary menu. This menu should ONLY be used exclusively for One Page Navigation setup. Make sure that the menu items will have the relative URLS. To know more how you can set up one page navigation, please check this out:

Your “Main Menu” should have the absolute URLS and must be set as your Primary Menu. When you are in a policy page or other page, when you click on the “Class Menu” for example, it will go directly to the homepage particularly the Class Menu section.

Hope this helps.

#6

No go. I’m now using my Main Menu as a default, with absolute urls, and deactivated 1 pg navigation on my home pg. My external page links are still broken. Ie:Privacy Policy pg. They do nothing.

#7

Hello Michael,

These are the only available anchor for your homepage:

  • #class-menu
  • #about-us
  • #enrollment
  • #contact

For Privacy Policy page and the rest of your inside pages, the url must be:

And also please make sure that there is only one ID on the page. An ID must be unique for each element or else it will create some issues.

83lPIIqCTJKoLIPaNcTTQA
83lPIIqCTJKoLIPaNcTTQA751×379 49.5 KB

Please let us know how it goes.

#8

I followed your directions on the inside pages but the links don’t go to the section Ids. I also, still have my initial problem of the menu looking crazy and not matching colors. I deactivated 1 page navigation on all the pages. If you go to the Privacy page, you’ll see the menu hover buttons are way different from the home page.

#9

Hello Michael,

I have taken an investigation in your site. You are using UberMenu. The colors were controlled and can be changed in the over menu settings. Please be advised that the colors of the menu item in your homepage looks like being hovered because all of those menu items were linked to the section on the homepage which means that the the menu item is the current item.

  • The items home, about us, class menu, enrollment, contact and faq are all linked to the homepage’s sections which is why it is the current menu item displaying a different colors from the events and gallery. Those two were linked to other pages.
  • In the Privacy Policy page, the about us menu item is also colored as the hovered because it is the current parent menu item.

If you use the default navigation and the one page navigation, that would not be the case. Only the menu item that is displaying the linked section will have its color look like the hover color. Please test by deactivating the Ubermenu plugin and compare the default menu navigation with one page navigation option. We can customize the menu item colors later on.

Please let us know how it goes.

#10

No. Removing UberMenu changed the color to black but the links still don’t match. The hover colors show all the time for the anchor links. One pg navigation made no change. I’ve been trying to correct it for another 1 1/2 hours. I’m hopping this is figured out soon as I’ve been trying to solve this for 6 days here and our office can’t advertise the site.

menu
menu1135×59 2.2 KB

#11

Hey Michael,

I’m sorry that we are going in circles here but we already suggested why the “hover colors show all the time”. It’s because you’re using Absolute URLs for the links that you’re linking on the page.

If you have menu items that should go out of the page, that’s the time you’ll use Absolute URLs. It was mentioned by Lely.

With all that said, use the One Page Navigation option for your home page. The menus that you should use for the that should be Relative URLs. Only if you have menus that link to outside jump links should use Absolute URLs.

To show you that it works and help you get started, I have assigned your “Jump Link Menu” as your home page’s One Page Navigation menu.

image

I then edited the About Us menu item of your “Jump Link Menu” to a Relative URL.

image

Now your About us page is white while the menu items that uses Absolute URLs are still yellow. Please update them to Relative URLs EXCEPT THE EXTERNAL JUMP LINKS.

image
image692×113 3.86 KB

Thank you for looking closely.

#12

All the links match now. Thanks! Still having trouble adjusting the menu link background colors. I checked Theme Options> Header, Buttons, Typography, Layout, Ethos, as well as Appearance>Customize.

#13

Great News. We really appreciate for letting us know.
If you need anything else we can help you with, don’t hesitate to open another thread.

#14

Just the color thing. I’m stuck with a black menu.

#15

Hey Michael,

To change the background color of the menu items, you will have to add some custom CSS in X > Theme Options > CSS:

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    background-color: red;
}

Please feel free to change the color value in the code above.

Hope this helps.

#16

Thanks so much. I’ll try to find a code for the hover color as well.

#17

Hi Michael,

For hover effect may update the code:

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    background-color: red;
    transition: all 0.5s ease;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce):hover {
    background-color: yellow;
}

Hope this helps.

#18

(Big hug). THANKS.

#19

1 last thing. When I’m on my external pages like the Privacy Page, the absolute urls don’t click back to the 1 page Home Page. When you click About Us nothing happens. The url changes to add the Relative Url at the end but doesn’t go there. UPDATE: (1day later) OK. I figured it out. I made a 2nd custom menu and only applied it to my external pages linking back to my Home pg with the anchor links. All is well.

#20

Glad to hear it’s sorted, Michael

Thanks for letting us know.