Need to have different colour schems for header and sticky header

Hi there,

My header has a blue background and the sticky header has a white background.

I like to have White color font for the menu items and White background for button in header and black color for font and blue background for button on the sticky header.

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :).

Please provide the URL of the website to check it myself and help you out accordingly.

Best Regards

Thank You! I have added the website link.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-header .btn.btn-color-primary {
    background: white;
    color: black;
}

.whb-sticked .btn.btn-color-primary {
    background: #002da0;
    color: white;
}

Regards.
Xtemos Studios.

Thank You.

On the mobile page, the text for the hamburger menu should be white on header and black on sticky header.

On the mobile page, the header does not overlap after the initial scrolling

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.whb-header .wd-tools-element>a {
    color: white;
}

.whb-sticked .wd-tools-element>a {
    color: black;
}

Regards.
Xtemos Studios.

Thank You.

I added a popup contact form to my website, but on mobile it keeps scrolling. Video link added for reference

Hello,

You are Most Welcome.

Please provide me with the steps to reproduce the problem to check it myself and help you out accordingly.

Best Regards

Head to the site on a mobile device. Scroll to the bottom and click on the ‘Get Quote’ button. Scroll down the form and try to scroll back up again. The page in the background also starts scrolling.

Hello,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards

Please find the admin panel details. Apart from the issue mentioned above we have two other things:

1. Slider loads slowly after showing a white background
2. Website is heavy and not optimized. We would like to optimize it and remove any unused code.

Hello,

1) You are using the Slider revolution and it loads a bit late as compared to the other sliders.

2) Sorry but we could not help you with the optimization tasks. You have to do it of your own.

In general, our theme is already optimized and doesn’t have too many resources to make your website slow. Most likely, your website performance suffers from the content you have added to your website.
It may happen in case of too many plugins, large not optimized images or other resources. So we suggest you to remove unnecessary plugins, install some kind of JS & CSS optimizing plugins like Better WordPress Minify and a caching plugin like WP Super Cache. Also, you can use GTmetrix tool to see what makes your website slow and optimize these parts of your website.

3) And for the scrolling issue your website is loading from cache please delete the cache folder from “Wp-content” then deactivate cache plugin, clear browser cache and check back.

Regards.
Xtemos Studios

Thank You.

How can we make slider revolution load faster? Is there an alternative?
We already use Litespeed Cache.

Hello,

Sorry for the late reply, we had technical issues on the forum and did not see your message.

Please refer to the Slider Revolution documentation or Cache plugins support on this issue. Our theme is 100% compatible however we do not have instruction on making it faster.

Best Regards

[Author]

Posts