Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 18, 2014 at 7:26 pm #305930
    rcgroup

    Hello I have 2 questions related to the transparent header configuration

    Website: http://rcgauto.staging.wpengine.com/ (hosted on WPengine)

    Q1)When the page loads the social icons on the top line are white, they become dark when the visitor scrolls down. This is a great feature – is it possible to have the phone number on the left to behave the same way ? Also a potential glitch – header is not visible on mobile view on the iPhone

    Q2)Can you suggest how to configure main image so that it takes up the whole page – similar to this demo page http://kriesi.at/themes/enfold/homepage/transparent-header/ – I’m using LayerSlider WP to display the image.

    • This topic was modified 10 years, 4 months ago by rcgroup.
    August 18, 2014 at 7:32 pm #305934
    Yigit

    Hey rcgroup!

    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header-scrolled .phone-info span {
color: #808080!important;
}
.phone-info span {
color: white!important;
}

    2- Please add Fullscreen Slider element to your page under Media Elements in ALB

    Cheers!
    Yigit

    August 18, 2014 at 8:12 pm #305965
    rcgroup

    Great, thanks – Q1 issue was addressed

    Regarding Q2 – do you know of a way to accomplish a similar effect with LayerSlider ?

    August 19, 2014 at 11:26 am #306192
    Yigit

    Hey!

    I do not think that it would be possible with LayerSlider. As far as i know, it is possible using Revolution Slider. It does work well with Enfold. You can ask your pre-sale questions to plugin author here – http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380 if you are interested

    Cheers!
    Yigit

    October 2, 2014 at 11:01 pm #329318
    rcgroup

    Hi I used the CSS code you provided to make the phone number stand out on the home page

    However I have an issue, when any other page is loaded phone # is not visible – is there a work around ? Also would like the social icons to be white on the home page

    October 2, 2014 at 11:35 pm #329337
    Yigit

    Hey!

    Please add following code to Quick CSS and adjust as needed

    .html_header_transparency .phone-info span {
color: white;
}

    Regards,
    Yigit

    October 3, 2014 at 1:20 am #329384
    rcgroup

    This doesn’t address the problem – it does become white but when the user scrolls down the background changes to white – also the social links need to be changed to white

    October 4, 2014 at 3:28 am #330052
    Josue

    Hey!

    Try with this:

    .av_header_transparency .phone-info {
    color: white;
}

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.