Problem with Header Background on sticky menu

Posted in: Newspaper
Post count: 59
mehedi57
#366892
Sep 28, 2020 at 3:45 am

I am using a boxed layout with default row setting and stretch row off. But getting one problem regarding the color mismatch while using a sticky header menu. Please the short video for details of the problem. https://www.youtube.com/watch?v=fcyicPBw6mo

Site Name: http://www.ubuntupit.com

Post count: 35449
Calin
#367040
Sep 28, 2020 at 5:46 pm

Hi,
I see that you are using a cloud header, therefore you’ll be able to edit the sticky header using tagDiv Composer , edit the homepage -> https://i.imgur.com/sK7dXKV.png click on the header manager -> https://i.imgur.com/aLdGM1X.png -> and enable the sticky menu -> https://i.imgur.com/q8yeZpa.png then select the row and set on it a background color -> https://i.imgur.com/PYTkqFL.png also make sure that the row is set on default -> https://i.imgur.com/IB3IHoh.jpg then you can set the logo and click on the header menu zone, there you can check the css tab and set an opacity on the background -> https://i.imgur.com/982nyiA.png
Hope this will help you!

Post count: 59
mehedi57
#367056
Sep 28, 2020 at 6:28 pm

I have tried the process you mentioned in the answer but still no luck. It doesn’t change.

Post count: 35449
Calin
#367158
Sep 29, 2020 at 10:59 am

Hi,

This can be done using tagDiv Composer, but you need to check the right elements, a faster way is to use this custom css -> https://i.imgur.com/G8ggtGK.png
body .td-header-sticky-smart .td-element-style:after {
content: none!important;
}
body .td-header-sticky-smart {
width: 1068px;
margin: 0 auto;
}
This code need to be set in theme panel> custom code> custom css.

Hope it will help you!
Thank you!

Post count: 59
mehedi57
#367247
Sep 29, 2020 at 4:39 pm

Thanks. It working now.

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.