Header Issue FOREAL

5 years, 11 months ago Lesperluette
Member

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>

5 years, 11 months ago ram
Keymaster

Hi.,

We have fixed the issue. Kindly, have a look.

5 years, 11 months ago Lesperluette
Member

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
5 years, 11 months ago ram
Keymaster
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 ); }

		} 
```
5 years, 11 months ago Lesperluette
Member

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.

5 years, 11 months ago ram
Keymaster

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;} }

5 years, 11 months ago Lesperluette
Member

Hi,

Sorry, but It seems that you ask me to add and remove the same code. Isn’t it ?

5 years, 11 months ago Lesperluette
Member

It works perfectly !

Thank you so much !!

5 years, 11 months ago ram
Keymaster

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.

4 years, 7 months ago hexeric
Member

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!

4 years, 6 months ago ram
Keymaster

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!!!

Viewing 11 posts - 41 through 51 (of 51 total)

← 1 2 3

You must be logged in to reply to this topic.

Support Forums

Working Hours

Monday to Friday

Quick Links

Search