Mobile Header issue

Hi,

I have added css code for mobile header style. However, whenever I used to update any option from theme panel, then instantly all the styling of mobile header gone and changed to white.

Image of mobile header Before updating theme options:

https://ibb.co/qsrGbLr

Image of mobile header After updating theme options:

https://ibb.co/N3yD04z

Please sort out this issue at your earliest and provide me the css code to resolve it.

Best Regards,

Link of website

https://www.PAKDEFENSE.com

I have restored the theme options now. I will update the theme options and will let you know to reproduce the issue in a while and then you can inspect the issue

Theme options updated and Error reproduced.

Mobile menu header right now after updating the theme options.

https://ibb.co/N3yD04z

Please check at your end and provide the workable solution.

Thanks

The updating of theme options also causing some issues to Instagram feed, along with mobile header, as well.

Plz check the screenshot:

https://ibb.co/fxPw2W6

Please re-inspect both the issues at your end and provide the workable solution.

Best Regards,

Thanks

Where to disable inline css?

Hi, we have disable incline CSS, but the issue remains the same and the mobile header is still white.

Please sort out this issue ASAP.

Thanks

Hi,

Our client refuse to give access of the website.

Please guide us the solution and we would like to implement it by ourselves or confirm us if there is any other way around.

Thanks

Is there any workaround?

We can give you the css code that we’ve applied for mobile header

Plz provide the code here. Also needs to confirm that the code regers to post sharing. How come mobile header style issue has to do with post sharing code ?

I am sending you the code. Please inspect and provide us the code to insert in the analytics/js section.

.td-header-wrap .td-header-menu-wrap-full {
background: linear-gradient(to right,#005660 0,#008081, #4bcad1 50%, #004c4d 86%, #043A4A 100%)!important;
-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
}

.td-header-menu-wrap.td-affix{
background: linear-gradient(to right,#005660 0,#008081, #4bcad1 50%, #004c4d 86%, #043A4A 100%)!important;
-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
}

.td-mobile-main-menu .menu-item {
border-bottom: 1px solid #12697a;
}

.td-mobile-main-menu .td-icon-menu-right {
border-top: 1px solid #12697a;
}

.td-header-style-10 .sf-menu > .td-menu-item > a {
margin-bottom: 5px;
}

Thanks Anamaria.

Ok. I will update you after setting code

Hi, we have applied the code in JS Head section, but it broke the header.

Check the snapshot and suggest us the workable solution.

https://ibb.co/HtSHdV6

Thanks

we have removed the code now

Hi, we have applied the code to JS Head Section. But, there is no issue after adding the code. The mobile header just visible for a short time while refreshing the page, but the style gone afterwards and mobile header turns white.

The JS Code is still applied in the JS Head section.

Please check the following pic:

https://ibb.co/rfhTyJv