-
Hi,
It’s ok for the part of the transparent.
But for the home page it’s the same. So, in addition of <span style=”color: #4b4d4d; font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;”><span style=”font-size: 14px;”>header of the homepage on the desktop version that isn’t not display as it must be. Now, as you can see on the screenshot below, the header on the mobile version of the homepage doesn’t start at the top. </span></span>
Hi,
Thank you. It works.
Just a question, as you know I asked you to not display the white part on top of header. But can keep it on desktop and disappeared it on mobile ?
just in case, if i want to reset it, how can i do?
Best Regards
Hi.,
Just add this css code in Dashboard > Appearance > Foreal Options > Layout > Custom Css & Js > Enable Css > Yes > Paste the css code inside the text area > Save All.
@media only screen and (max-width: 767px) { .dt-transparent-menu #main:before { background: -moz-linear-gradient(top, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,0) 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255,1)), color-stop(100%,rgba(255, 255, 255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255,1) 0%,rgba(255, 255, 255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255,1) 0%,rgba(255, 255, 255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255,1) 0%,rgba(255, 255, 255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255,1) 0%,rgba(255, 255, 255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1affffff',GradientType=0 ); } }
Hi,
What’s the function of this code ? Because I pasted IT and nothing happened.
Question N°1 : It’s possible to not display the white part on top of header on mobile but to keep it for desktop version ?
Question N°2 : How can I reset the white part on top of header on mobile and desktop version ? Just in case.
Thank you by advance.
Hi.,
1) It’s possible
@media only screen and (max-width: 767px) { .dt-transparent-menu #main:before { background: none;} }
2) Please remove the custom code
@media only screen and (max-width: 767px) { .dt-transparent-menu #main:before { background: none;} }
Hi,
Sorry, but It seems that you ask me to add and remove the same code. Isn’t it ?
Hi.,
Thank you very much.
If you have any queries, found any difficulties, facing any kind of issues or need any support for this theme, please feel free to contact us. We are always ready to help you.
i have the same problem but only on iphone. safari on ios 13 shows the cover image of the home page completely blown-up and just the top left corner. android works fine just like on desktop. please advise!
Hi.,
Extremely Sorry for the Delayed Reply!
Kindly reply back with some screenshot/video like references for a better understanding on it. So that, we can check and have a clear look from our end. Then we’ll help you get rid of it!!!
You must be logged in to reply to this topic.