Docs

[Keith A]

Hello,

Please go to http://paulacm.com – (also see image attached) you’ll notice the bottom half of the image is missing, and the menu bar is 100% opaque.

Previous to this latest update, the menu bar background was semi-opaque (in css), (menu items (text) is ok, 100% opaque) and we could see the legs of the model in the image.

I can provide Admin access but not sure if this is a private post (??).

Please help asap .. client is going to a trade-show this weekend, Saturday. Little stressed now.

[Keith A]

NOTE: I can’t say for sure if the CSS was changed with the update .. but here is the current CSS in Global CSS Settings:

li.active-revslide.current-sr-slide-visible, li.active-revslide {overflow: visible !important;
}

.home-tab-img {
display: block;
margin-left: auto;
margin-right: auto;
}

.x-colophon.bottom, .x-colophon.top {
font-size: 1.3rem;
}

.x-navbar-static-active .x-navbar .x-nav > li, .x-navbar-fixed-top-active .x-navbar .x-nav > li {
padding-top: 0px;
padding-bottom: 15px;
}

.page-id-398 .x-logobar {
display: none;
}

.x-widgetbar {
background-color: #f3f3f3 !important;
}

.home .x-navbar{
background: rgba(255, 255, 255,0.5);
}

.slotholder {
position: fixed;
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 70px;
}

@media (max-width: 979px){
body.x-navbar-fixed-top-active .x-navbar-wrap {
height: auto !important;
}

[Rue Nel]

Hello There,

Thanks for writing in!

Are you using CloudFlare or may have installed a caching plugin like WordFence, W3 Total Cache or WP Super Cache? Please keep in mind that after doing every updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Keith A]

This reply has been marked as private.

[Joao]

Hi Keith

I found out that by move the value of 40% that is written on Revolution Slider (Please see img attached) You Slider will go full-screen.

I am not sure why would happen or how, but maybe your Revolution Slider settings changed and that is affecting the site.

Please take a look and review the settings of the slider so it looks like you wish.

If you need further help with the customization regarding the navbar, please inform us with details what look you would like to achieve.

**Revolution Slider also works fine with the other slides you have available,

Thanks,

Joao

[Keith A]

This reply has been marked as private.

[Keith A]

UPDATE:

I found an image of the home page exactly as it was before the last update.

If you compare to current homepage, (1) the opacity of navbar is now 100%, and (2) the bottom of picture is missing.

Note: I have not made any changes to the homepage or any of it’s components for over a year – these changes happened when I clicked latest update.

Thanks very much!

[Christopher]

Hi there,

Please edit slider and add .masthead in containers field.
Leave ‘slider height’ field empty.

Hope it helps.

[Keith A]

Those changes did not work.

When I replace (in container) .header with .masthead – it drops the navbar to the bottom of the screen. (screenshot attached). Now we see the full picture but how to raise the navbar to 40% height?

Also – does not address the opacity of the navbar. I have in the CSS the following code, but it is not working anymore – it used to before the previous update.

.home .x-navbar{
background: rgba(255, 255, 255,0.5);
}

Thank You.

[Rue Nel]

Hello There,

How should the page will look like? Could you please clarify?
Please remove the offset container class in the slider if it is not the original setting. If you want to display the fullscreen slider, please make sure that your slider layout is fullscreen. Perhaps this video will help you create an auto responsive fullscreen slider

Please let us know how it goes.

[Keith A]

Hello.

I included the original homepage screenshot earlier in the conversation. I’m not sure what else to do – here it is again.

I use revolution slider on all my websites – with no issues.

The website was absolutely fine for over 18 months until this last update – now my homepage settings won’t work – this is why I’m asking for help. PLEASE HELP. We used X Theme because this page was possible, now it won’t work.

Attached is the EXACT layout before I clicked “update” last week.

Thanks.
Regards,
Keith

PS. I wrote in red letters “homepage should look like this” – but these red letters are not included in the design.

[Keith A]

Also – please note – I have made no comment about the problem being responsive issue. The full screen slider is loading fine on all screens – with the same 2 issues – (1) legs missing, and (2) navbar opacity. Thanks.

[Joao]

Hi Keith,

I guess I solved your issue.

Please have a look.

What I did:

1- I removed those 30% that you set on Revolution Slider where before it was 40% on the screenshot above.

2- Set your slider below Masthead

3- I added some CSS Code to your Customizer

.home .x-navbar-wrap {
position: fixed;
top: 0;
z-index: 2000;
right: 0;
left: 0;
}

4- I added margin top (and this is the really important part, because here you will set where exactly you want your navbar) I put 600px, but you can fix according to your wishes.

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 70px;
  	margin-top: 600px;
}

All the changes were made on customizer and nothing should change in case of a new update.

Let us know if there is something else we can help you.

Thanks,

Joao

[Keith A]

Hi Joao –

THANKS!

this is a perfect fix – except one detail >> can we change the “margin-top” value from fixed pixels to use a percent of screen height? Example 70% from top – is this possible? Now, as we go to smaller screens the menu is pushed below the screen.

Again thanks for all your help!!

[Thai]

Hi There,

Please change the previous CSS to this:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 70px;
}

And add the following code under Customizer > Custom > Global Javascript:

jQuery(function($) {
  $('.home .x-navbar-wrap').css('margin-top', $(window).height() - 58);
});

Hope it helps 🙂

[Author]

Posts