Docs

[Rish]

Hi,

I designed my website using Visual composer and its working fine on mac and windows OS but on iphone my content row background images pixelate and not showing correctly with full width.

Regards
Meredith

[Rish]

This reply has been marked as private.

[Rupok]

Hi Meredith,

Thanks for writing in! It seems fine on my end. Would you add some screenshot and point us where you are facing this issue and what’s the issue is exactly?

Cheers!

[Rish]

This reply has been marked as private.

[Rad]

Hi there,

The background options are not something default to X theme. Would you mind using the background options integrated with X theme. It’s currently uses the class upb_row_bg. It could be an add-on.

And please provide your admin login credentials and I’ll check that section.

Thanks!

[Rish]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating but we don’t customize user’s site, we can only point the issue. As you have added this, you know better how you added this and from where. Kindly use default background options.

Cheers!

[Rish]

Hi,

I am using Visual Composer and not added any add-on.so please point out the exact issue as i just added only row background in visual composer and you ask credential to check at your end.

Its on home page 2nd ,3rd ,4th and 5th row and added background in content band setting in background tab.

As visual composer comes with X theme so whom should i contact to solve this ?

R
Meredith

[Joao]

Hi Meredith,

I have tested your website on my phone and the background image looks perfect, not pixelate at all.

Let us know if you are still facing the issue.

Thanks,

Joao

[Rish]

This reply has been marked as private.

[Paul R]

Hi Meredith,

The code should still work in renew stack.

Can you provide us your site url so we can take a closer look.

Thanks

[Rish]

Hi Paul,

No their is difference of code and i am able to change the color of nav background but still need to change color of fonts and logo change on scroll.Further in inner pages i need it to be fixed on top with black background and white fonts and logo.

We will test first either it will be possible or not then go for another site license.so find below the test url
http://www.capitaldgroup.com/test

The code which works for me to change background is

CSS Code :

.x-navbar-inner{
transition:0.02s all linear;
}

.x-navbar-inner.alt-color{
background-color:black;

}

Java code:

jQuery(document).ready(function($) {
$(window).scroll(function() {
var scrollPos = $(window).scrollTop(),
navbar = $(‘.x-navbar-inner’);

if (scrollPos > 50) {
navbar.addClass(‘alt-color’);
} else {
navbar.removeClass(‘alt-color’);
}
});
});

[Paul R]

Hi,

Please change your css code to this.

.x-navbar-inner.alt-color .x-navbar .desktop .x-nav > li > a {
    color: #fff;
}

.x-navbar-inner.alt-color .x-brand {
   color:#fff;
}

.x-navbar-inner{
        transition:0.02s all linear;
}

.x-navbar-inner.alt-color{
     background-color:black;
}

.x-navbar .x-navbar-inner.alt-color .desktop .x-nav > li > a:hover, 
.x-navbar .x-navbar-inner.alt-color .desktop .x-nav > .current-menu-item > a {
   color:#fff;
}

.page .x-navbar {
     background-color:#000;
     position:fixed;    
     top:0;
     width:100%;    
}

.page .x-navbar .x-brand {
   color:#fff;
}

.page .x-navbar .desktop .x-nav > li > a {
    color:#fff;
}

.page .x-navbar .desktop .x-nav > li > a:hover, 
.page .x-navbar .desktop .x-nav > .current-menu-item > a {
   color:#fff;
}

Hope that helps.

[Rish]

Hi,

I succeeded by making some change in the code and below code works for me in the renew stack only thing left is i need the current menu underline bar act the same.

Like on home page it will be black on fixed top and while scroll it should white and in inner pages it should white.

Hope you got my point so please check with it .

.x-navbar-inner.alt-color .x-brand {
color:#fff;
}

.x-navbar-inner{
transition:0.02s all linear;
}

.x-navbar-inner.alt-color{
background-color:black;
}

.page .x-navbar-inner {
background-color:#000;
position:fixed;
width:100%;
}

.page .x-navbar .x-brand {
color:#fff;
}

.page .x-navbar .desktop .x-nav > li > a {
color: #ffffff;
}
.x-navbar-inner.alt-color .desktop .x-nav > li > a> span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
color: #fff;
}

[Christopher]

Hi there,

Please add this :

.x-navbar.x-navbar-fixed-top .desktop .x-nav > li > a:hover > span, .x-navbar.x-navbar-fixed-top .desktop .x-nav > li.x-active > a > span, .x-navbar.x-navbar-fixed-top .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: 0 2px 0 0 #fff !important;
}

Hope it helps.

[Author]

Posts