Why Are We Doing This?

Regretfully the timing of this decision is outside of our control, and we realize this is not ideal. Our apologies for that. We do feel this will help provide further clarity between our products and thankfully it is a very quick, one-time task.

What Have We Done?

We have created a final version of X Pro (1.1.0) and an exact duplicate under the new Pro name (1.1.0).

What Do You Need To Do?

Because of the name change, you will need to manually activate the new theme. While there is no automated way, this process should take seconds. If you are currently using any version of X Pro between 1.0.0 and 1.1.0 please follow these steps.

Step 1: Download the latest version of Pro from your Themeco dashboard.
Step 2: Upload it via your WordPress dashboard and activate it.
Step 3: (Optional) If you are using a child theme, update the “Template” line in your style.css from xpro to pro.
Step 4: Once you are certain everything is working, you can delete X Pro.

If you have added custom code to the native code editors, you will need to move that over as well.

Please note: If you are not currently on the final version of X Pro (1.1.0) and are trying to switch to Pro (1.1.0) you may experience some standard issues surrounding any theme update as there have been several bug fix releases since launch. If you are just switching from X Pro 1.1.0 to Pro 1.1.0 nothing is changing besides the name.

Anything Else I Need To Know?

No, this is a one-time change for Pro customers only. It has no effect on X or future development plans for either product. If you run into any issues or have any questions about this process (not general theme support), please post them on this thread so we can keep everything organized in one place. Thanks!

Helpful Links

Changelog – Detailed notes on new features and bug fixes.
Child Theme – Download the official X and Pro child themes.
Pro Known Issues – Latest notes on confirmed, global issues.

After some research and forum reading, I found out that the problem is in de permalinks. If I set this to standard, it works again and I can edit the pages. But then I have silly non SEO URL’s.

I have read some things about this, but until now I have seen no solution that I understand. Could anybody be so kind to tell me as simply as possible what I have to do to solve the problem. Much appreciated!

I added this code here to format the navbar. When on a smaller monitor, the menu wraps to a second line and I want that second line centered. See first attachment for how that looks.

body .x-navbar .x-nav-wrap.desktop .x-nav li {
float: none;
display: inline-block;
}

body .x-navbar .x-nav-wrap.desktop .x-nav {
width:100%;
text-align:center;
}

The problem there, though, is that it messed up the formatting on my dropdown menus. Please see second attachment.

I used the following code earlier in the CSS to format those menus. I got rid of a frame around them, got rid of those rounded corners, etc. I would like the menus to go back to looking like the third attachment. If I delete the code for centering the wrapped menu that is above, that fixes it, but then the menu does not center when it wraps.

Here’s the menu customization from earlier in the CSS:

.x-navbar .desktop .sub-menu {
padding:0;
}

/* individual color controls for each nested level of submenu */

/* first level submenu */

.x-navbar .desktop .sub-menu a {
color: rgb(32, 28, 64);
}

.x-navbar .desktop .sub-menu, .x-navbar .desktop .sub-menu a {
background-color: rgb(224, 219, 194);
font-size: 14px;
}

/* sub menu background color and text color on hover */
.x-navbar .desktop .sub-menu a:hover {
background-color: rgb(90, 100, 124);
color: #f2c054;
}

/* second level submenu */
.x-navbar .desktop .sub-menu .sub-menu a {
color : rgb(32, 28, 64);
}

.x-navbar .desktop .sub-menu .sub-menu, .x-navbar .desktop .sub-menu .sub-menu a {
background-color: rgb(200, 196, 174);
font-size: 14px;
}

/* sub menu background color and text color on hover */
.x-navbar .desktop .sub-menu .sub-menu a:hover {
background-color: rgb(90, 100, 124);
color: #f2c054;
}

So, my question is, is there a better way to write that CSS that I posted up top to center the navbar menu when it wraps to a second line? I do NOT want it wrapping on large monitors, but for smaller monitors it should wrap as it currently does and be centered on both lines.

The site is here:

http://www.hrvatskohomebrewprvenstvo.beer/

Any help is greatly appreciated.

-M

I’ve put a transparent navbar in my home page, on http://www.traiteur-paca.com but I would like to put the same everywhere.
Can you help me ? Do I have just to replace “.home” by the name of my page like “.gallerie” ?

Thanks a lot

The code that I put :

.home .x-navbar {
background-color: rgba(242, 242, 242, 0.80) !important;
}
.home .x-navbar.x-navbar-fixed-top {
background-color: rgba(242, 242, 242, 0.90) !important;
}
}
.home .x-navbar .x-nav-wrap .x-nav > li > a {
color: #b0bdc5;
}
.home .x-navbar.x-navbar-fixed-top .x-nav-wrap .x-nav > li > a {
color: ##b0bdc5;

a) The title and the featured image
b) The featured image and the first header or first line of text
c) the space between paragraphs in the body

also on this page https://www.themouthygorilla.com/mowanifesto-mouthy-gorilla/
I have several information images near the top of the page that I would like to have inline with the text they are associated with. But they are floating well above the text and it looks very odd.

Thanks very much!

I tryed to implement the “Subscription Form” Widget into the Main Sidebar but the system gives me a warning

Warning: Invalid argument supplied for foreach() in ./wp-content/plugins/x-email-mailchimp/email-integration/functions/shortcodes/subscribe.php on line 148

Any idea?

I’d like to get my logo into the ubermenu when in responsive mode.

Is there any threads regarding this that could point me in the right direction. Can’t seem to find anything in the forum.

Cheers

Aaron

I have an above the masthead slider (revolution) and a sticky menu. This works fine on desktop, but there is a jerk in the transition on my iphone. When the menu is at the bottom and scrolls up and out of sight it takes a while until it pops back in on the top. On desktop this is smooth. If I just keep my finger on the screen after scrolling down it never pops back. Until I lift the finger.

I want the menu to still be sticky on all pages, and on mobile.

Everything is updated and I am using the Renew stack. All customization is in the custom / edit global css menu under appearance / customize. There is a child theme, but nothing changed there.

https://coinno.no/energibygg

I’d like to better understand H1 behavior in X Theme

Some site analyzer alert me in order to:

28 Errors: pages with more than one H1 tag
some examples:
https://www.ilsentierodeglignomi.it/
https://www.ilsentierodeglignomi.it/blog/
https://www.ilsentierodeglignomi.it/la-magica-favola-di-gnomo-bagnolo/

Could you help me in order to resolve this issue?

Thank You