Thanks a lot Josué!

I managed to write this code:

#top #main .sidebar_left .sidebar {
position: fixed;
border-right-style: none;
width:19%;
top: 8%;
}

That resolves de Slider issue in both browsers. It seems right cause the iPad now shows the sidebar too!

But in chrome now the image has a weird behaviour.

Any tips ?

Thanks!!
José

PD: Is there a way the image (the glass) showing nothing on hover? Just an image with no events?

Thanks,
It kind of works. I used the following code for my top wave:
#wave-section-up {
margin-top: -50px;
background-color: transparent !important;
z-index: 9999;
}

and if you notice, the wave is not stretched beyond the screen and there is VERY little white space in the section, but the code you posted for the bottom stretches the image beyond the screen and leaves a huge block of white space there (and it’s not padding from the form, it seems to be space in the image color section itself even though it is set to no padding).

How can I clean that up please?

Edit: I’ll change the color of the section near the waves so you can see the difference more noticeably.

Edit: Got it working perfectly with the following code:
#wave-section-down {
margin-bottom: -100px;
background-color: transparent !important;
position: relative;
bottom: 50px;
z-index: 9998;
height: 120px;
}

#contact {
z-index: 9999;
}

Thank you for finally getting back to me. Really appreciate it. You can close this thread now.

• This reply was modified 12 years, 5 months ago by Alex.

Hi!

Here are the links:

http://www.adw.cl/wp-content/support/post_slider/chrome.jpg
http://www.adw.cl/wp-content/support/post_slider/firefox.jpg

Maybe I was modifiyng while you entered, please try now.

Notice that the mouse over the region recognizes there are a content, but no display.

I have quick CSS for the sidebar, maybe there is something missing?:

.inner_sidebar {
position: fixed;
top: 8%;
width:18%;
}

Thanks!
José

Hi Yigit, thank you for your support. it is much appreciated. I love your theme it is wonderful. My client loves it too. This is my first foray into premuim themes with shops.
Just for your information I thought I would paste in here the link to Avada theme support document, in relation to Woo, as I am fortunately developing one of those too.
In the absence of having a Plugin notification, I found this to be very helpful:
theme-fusion.com/support/documentation/avada-documentation/
the information about woo commerce, is at the very bottom of the document. It was just so completely helpful, everything, all together in one document….so handy to have this info together, than all separate questions to spend hours clicking through forum to find the right one to help.
All my questions got answered there for the Woo Commerce, as well as lots of others.
Just in case this above link doesnt work for you (it may just be for members only) all it said was:
1. How To Install WooCommerce And Setup The Default Shop Pages

Go to your Plugin section of your wordpress admin
Click on the Add New button at the top of the page.
Then enter WooCommerce in the search field
Choose the first one called WooCommerce – excelling eCommerce and click on Install Now
WooCommerce will install, then click the link that says Activate Plugin
You will then see a WooCommerce Purple Notification Bar at the top of the plugin page.
Click the Install WooCommerce Pages button in the purplar bar to install all the default pages
Please Note: Once you are done installing WooCommerce and the default pages, you can go to the Appearance > Menu section of your admin and choose to add all the WooCommerce pages to your menu. They will be listed at the top under the most recent pages

http://www.ua-testsite.com

Hi Josue,
The website is not online yet. I want the content container and header and homepage slider to be transparent on the home page only – which has the class .page-id-1040. I tried adding it to the css you gave below but cant get it to work.:

#top #main,#top .html_stretched #wrap_all,#top .alternate_color,#top .header_color,#top .main_color,#top .header_color div,#top #header,#top .header_color .container_wrap_meta,#top .header_color .header_bg,#top .footer_color,#top .footer_color,#top .socket_color {
background-color:rgba(255,255,255,0) !important;
}
#top .container_wrap {
border-top-width:0px !important;
}
#top #header_main {
border-bottom-width: 0px !important;
}
Just please make sure that you add a background in Enfold > Styling > General. and remove the color from ‘Body Background color’ input box right above where you will upload the image on that page.