Hello,
I need assistance with 3 styling queries.
1. How do you remove the grey overlay from the inactive tabs in Tab Section Element
screen grab – https://drive.google.com/file/d/1oLC8XQKanWgxruurt3tlP8w2RoZecm9E/view?usp=sharing
2. I am using Smart Slider Pro 3 on homepage with a transparent header. Is it possible to move the Slide to the top of the page, as it currently sits below the main menu nav div.
screen grab – https://drive.google.com/file/d/1h384gFQ9yLWPvgULyF7V0QbePt7BXEx5/view?usp=sharing
3. Is it possible to show mobile menu on i-pad when they are viewed in landscape mode.
screen grab – https://drive.google.com/file/d/1EaZLH5sOwM8uyMcTA24aGYn7G0iUFGx0/view?usp=sharing
Thanks in advance
Kris
Hey kristiankeegan,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hey Victoria,
Links provided in order of my original queries.
1. https://kfgroup.staging.wpengine.com/ranges/
2. https://kfgroup.staging.wpengine.com/
3. Menu runs behind logo on tablet landscape view
thanks
Kris
Hi,
Thanks for the update.
1.) Use this css code to remove the grayscale effect.
.av-tab-section-image {
filter: grayscale(0);
}
2.) Looks like you’ve already set the header to transparent.
3.) Try to decrease the default padding and font size of the menu items.
@media only screen and (max-width: 1024px) {
.main_menu ul:first-child > li > a {
font-size: 11px;
padding: 0 8px;
}
}
Best regards,
Ismael