[ChristopherModerator]

Hi there,

1- Please add the code below into Customizer -> Custom -> CSS:

.x-logobar-inner {
	padding-top: 0;
}

5- I think it is better to be that way as we do not support single image as above masthead feature and if you want to change you will need to do some customization.

Please create a child theme using this guide:

http://theme.co/x/member/kb/how-to-setup-child-themes/

Then override the file below into your child theme:

x/framework/views/global/_slider-revolution-above.php

To do that follow the link below for more information:

http://theme.co/x/member/kb/customization-best-practices/

Then find the main code responsible for above masthead on line 32 and on:

32:     <div class="x-slider-revolution-container above<?php if ( $bg_video != '' ) { echo ' bg-video'; } ?>">
   33        <?php putRevSlider( $slider ); ?>
   34        <?php if ( $anchor == 'on' ) : ?>

Change that and add your image as an html tag :

http://www.w3schools.com/tags/tag_img.asp

6- Would you please be more specific on what do you see as a problem? I suggest that you provide a screenshot for that.

7- I can’t see that effect on my machine (Mac/Chrome). Would you please check that on other machines and see if you see a problem?

Hope it helps.

[LiquidatorParticipant]

1. Worked, nice.
5. Worked, but image height is different for different browsers, so i’m going back to slider option. Are you sure you made your main demo (theme.co/x) by rev slider? There’s a 2 layered image which has no spinner and loads so fast! How can i get such effect?
I need a static image option too. Could you please help me with that?
6. This happens when minifier in W3TC is enabled. (Chrome):
[IMG]http://i60.tinypic.com/2wqy3nk.png[/IMG]
For firefox, it shows images, but animation doesn’t work.
*tip: Minifier is disabled for now.

7. Never matter. It disspeared.
8.upd: i’d like to change menu bg colour and make segmentation between each button. How can i do that? There’s no such option in customiser. Thanks

[LiquidatorParticipant]

updated *

[RadModerator]

This reply has been marked as private.

[LiquidatorParticipant]

Mate, you skipped 5th question:
5. “Worked, but image height is different for different browsers, so i’m going back to slider option. Are you sure you made your main demo (theme.co/x) by rev slider? There’s a 2 layered image which has no spinner and loads so fast! How can i get such effect?
I need a static image option too. Could you please help me with that?”
6. Worked, thanks.
7. Navbar background color doesn’t change ;( (Yes, i cleared my cache on both minifier and browser cache). Btw, i put that code into global customizer.

Moreover, this doesn’t work too:

.x-navbar:hover {
  background-color: #E36A5C;
}

[LiquidatorParticipant]

upd?

[Paul RModerator]

Hi,

5. I can see you were able to put an image.
You can try the code below to remove the no slide message.

.rev_slider .no-slides-text {
   display:none;
}

7. You can try the code below instead.

.x-navbar {
    background-color: #ff1234 !important;
}

The codes should go in custom > css in the customizer.

Hope that helps

Thanks

[LiquidatorParticipant]

5. Worked
7. Worked

One problem: How to make this static image(slider) responsive for all screns (mobile, tablet, pc and laptops)?

Thank you

[ChristopherModerator]

Hi there,

Please add the following CSS code under Customize -> Custom -> CSS:

@media (max-width:1290px){
#rev_slider_1_1{
background-size:100% 100%;
}
}

The code will keep the image 100% of size in different device screen sizes but consider it that the code will stretch the image in smaller devices.

You can try two other code below to see which one works better for you:
background-size:cover; Or background-size:contain;

Hope it helps.

[LiquidatorParticipant]

It’s partly responsive:
1. When i put that code into Customizer slider becomes responsive. If i collapse customiser’s menu it’s not responsive anymore. Same thing on other browsers/screens (Yes, i cleared w3tc cache)
Responsive:

Not responsive anymore:

[ChristopherModerator]

Hi there,

You can delete the Code above.
Please go to Revolution slider -> Setting ->Slider Layout and choose Auto Responsive .

Hope it helps.

[LiquidatorParticipant]

Are you sure? That’s not what i wanted. I need as shown on video fullwidth responsive above “.masthead” static image.

I deleted code above and did what u said:

[ChristopherModerator]

Sorry for that.

I just changed Slider Layout to full screen and add

 #rev_slider_1_1{
background-size:100% 100%;
}

in Customize -> Custom -> CSS .

Would you please check it one more time.

Thank you.

[LiquidatorParticipant]

That worked perfect for me. Thank you so much!
I’ll start thinking of buying one more license 😉

[ChristopherModerator]

Great 🙂 Glad it’s working 🙂

[Author]

Posts