Hey Yigit – the credentials seem to work on my end?

Can you try again please?

Hi,

This doesn’t seem to resolve the issue as it causes another complication.

After using this css code, when you view on a mobile device the phone number and text over in the header overlap.

Also – the form in the main page is still unformatted.

If you view in a desktop browser and gradually shrink the screen to a tablet/mobile view you can see what I mean.

The complication occurs when I use this css:

@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top: 110px !important;
}

This is to drop the top of the webpage down a bit so that the sticky header doesn’t overlap the content.

I’ve removed it now so everything looks good except when I view on a mobile because the header overlaps the webpage.

When I add this code everything looks ok except the format is changed when viewing on a desktop.

The header bar changes colour.

The form above the fold loses its format and the page generally.

So, as the website is now, I just want to drop the header on a mobile/tablet view without throwing out the formatting on a desktop site.

Thanks,

Harvinder

Hi Ismael,

Should I place this code in the actual element css part?

Or in the general css?

I placed it in the actual element and it didn’t appear to do anything..

I put it in the general css and it affected the whole website but didn’t give the effect that I really wanted.

It sounds complicated so I’m happy to get a developer to help realign the images but for now, I would appreciate your help creating the arrows so that it’s displayed on mobiles so people know to scroll across.

Thanks,

Harvinder

Thank you so much :)

Yes this seems to have fixed the issue!

Thank you so much!

I had faith that you guys would get it sorted 😊

Hi,

It seems to work fine with the construction demo.

Thanks,

Harvinder

Hi,

This doesn’t work.

Thanks,

Harvinder

Hi,

Do you have an email where I can send/upload the video to?

I’ve just tested on my friends iPhone and it’s the same issue.

Thanks,

Harvinder

Hi,

Do you mean W3 Total Cache?

Shall I disable this and then try?

Thanks,

Harvinder

Hi Victoria,

Thanks for getting back to me.

It doesn’t really make much sense to me.. Are you suggesting that this may be causing the issue?

What do I need to do from here?

Thanks,

Harvinder

Hi,

Yes this was the first thing that I did but it didn’t change anything.

Thanks,

Harvinder

Which of these elements should I be using?

There is nothing called Layer Slider..

I am using the Fullwidth Easy Slider.

Hi,

Thanks for sorting this out for me,

Something has seemed to have happened to the css code which I had put in to hide certain elements on mobile..

The homepage now has the following text appearing where I had it in place:

“only screen and (max-width: 990px) { .only-desktop { display: none !important; }}’]”

Any idea why this has happened?

These elements are no longer hidden on mobile and I can’t seem to delete the text..

Thanks,

Harvinder

I don’t understand why this is a customisation when it’s on your example pages in the demo?

This was one of the reasons why I invested in the theme.

Why is it not there as standard?

Do you mean the Advanced Layerslider in the media elements?