Docs

[anitaswebdesign]

Hi,

The revolution slider is working perfectly on the desktop, under the navigation bar with a transparent background.
On the mobile, you can see the loading circle when you refresh the page but there is a white background behind it.
I’m assuming it’s because of the content container white background.

How can I fix this so the slider appears without the white background?

The site URL is http://ccc.anitaswebdesign.com/

Thanks!

[Rue Nel]

Hello There,

Thanks for writing in! To remove the white background just like this:http://prntscr.com/dvtdn2, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

body .entry-wrap {
    background-color: transparent;
}

Hope this helps.

[anitaswebdesign]

I have 2 screenshots attached.
One is the desktop version, showing the slider with a transparent background.
One is the mobile version, it shows a white area where the slider should be.

Is it possible to change the margin to move the content container down, under the slider?

[anitaswebdesign]

My apologies, the one attachment was too big.

[anitaswebdesign]

The URL is https://www.careercompasscanada.com/

[Rue Nel]

Hello There,

Thanks for updating in! You can remove the background color in smaller screen, by editing your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 979px){
  .page-id-2 .entry-wrap {
    background-color: transparent;
    padding: 0;
  }

  #wonderplugintabs-1 > .wonderplugintabs-header-wrap  .wonderplugintabs-panel {
     background-color: transparent;
  }
}

Hope this helps.

[Author]

Posts