I need help with the menu hiding the dropbox and how to fix background image

Check your image settings for the background.
Looks like 2 is okay?

Dashboard >> Appearance >> Customise

If you can’t do it there, try placing this code in Dashboard >> Appearance >> Customise >> Additional CSS

body.custom-background {
    background-image: url(https://erreart.net/wp-content/uploads/2018/10/Web-Header.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Hi judgerookie
thanks for you reply. I have tried the CSS but still not luck on my iphone visualisation!

I can’t see the CSS working as it should do and it’s still showing as before.

When working, it’ll place the entire background image across the page and there should be no white space at all on a destop PC.

Then it’ll remain across the screen when resizing although on phones most of the background image will be below the content so only partially visible.

Can you double check the above code was saved in Additional CSS as it’s still showing the same in the browser inspector?

Once I add them on the Additional CSS do I just need to click on publish to save them?

yes but you need to use the following code exactly:

body.custom-background {
    background-image: url(https://erreart.net/wp-content/uploads/2018/10/Web-Header.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Added them. But on my iphone is still not showing at all. And the Services Submenu bar is hidden behind the image

I can see the code being repeated in the browser inspector and that’s causing a conflict.
Can you check that the code is not in there twice? If it is, can you remove one but keep the above code given?

I’m looking at the menu problem but can’t see what the issue is immediately. Will try and help.

OK I will check the CSS codes. Thank you so much for your help.
If you are on the main page of the site the submene of services does not show at all. Only when you click on the other manus the dropdown menu appears.

The only reason I can see this happening is because there is no content on the HOME page.
When I look at the top right on the home page, I can see a small scroll bar, when I move this, I can see one sub menu item but it doesn’t scroll enough to show the others unless I scroll over the sub menu whilst hovering.

Also, may be better to post it here: https://www.ads-software.com/support/theme/lawyer-zone if you are using lawyer zone theme as a developer may pick up and help resolve.

• This reply was modified 6 years, 5 months ago by Farook Kholwadia.
• This reply was modified 6 years, 5 months ago by Farook Kholwadia.

Hi

I decided to download your theme and test it in my test environment: https://test.kholwadia.co.uk/wordpress/lawyerzone/
The custom links will go to your site.

I appear to have misguided you so apologies for that.

Background image:
First remove the code I asked you to put in Additional CSS!
The way to do it is as follows:
Dashboard >> Appearance >> Customise >> Layout/Design Option >> Background Image
Select ‘Fill Screen’ from Preset drop down options.
Image Position, I’d select the arrow pointing North or the round button in the centre.

Home menu not displaying properly. I believe it is because there is no content on the home page but the below workaround should do.
Dashboard >> Appearance >> Widgets
From the available widgets, usually on the left, select Custom HTML and drag it into Home Main Content Area
Then add non-breaking space HTML   in the title and content.

• This reply was modified 6 years, 5 months ago by Farook Kholwadia.
• This reply was modified 6 years, 5 months ago by Farook Kholwadia.
• This reply was modified 6 years, 5 months ago by Farook Kholwadia.

OMG you are a genius the submenu is now working perfectly!!!!

But still not able to figure out why on the other devices the image is not fully shown!!! Maybe I should be using a plug in for that? Do you know any that works good?

Thank you so much for your help

The background image, as suggested, is in the background.

This means it is behind any content.

As such, it will be covered by content and so, although it is there, it is now obscured by content which is laying on top.

So when you are on a desktop, the screen area is bigger and the background image is more prominent.
When you resize to smaller areas such as a phone or tablet, the content neeeds the room so overlays most of the background image even though it is there. this is how responsive design works, it adjusts according to media viewport. Hopefully, this makes sense.

You can check this in a browser inspector.

This may help too: https://www.w3schools.com/Css/css_rwd_viewport.asp

P.S. Did you put a space in both title and content as your page seems to display jerky movement?

You could also add this in Additional CSS

content.container {
    background: rgb(255,255,255,0.9);
    padding-top: 15px;
    padding-bottom: 15px;

}

This should make the content background, currently white, have some opacity and so the background image will be visible. change 0.9 to something lower if you want to show more opacity.

I recommend you set the image at fill screen to take over the entire screen area.

• This reply was modified 6 years, 5 months ago by Farook Kholwadia.
• This reply was modified 6 years, 5 months ago by Farook Kholwadia.
• This reply was modified 6 years, 5 months ago by Farook Kholwadia.

Thanks so much for your help. It works brilliantly

I actually have another problem and I wonder if you know anything about landing pages not showing at all on mobiles?

If you open my website on a PC you can see the landing page. But if you open it doesn’t show on a mobile

Hi

Assume you’re referring to the page with the text ‘Did you know 65% of our daily conversations are based on storytelling?’ and that you’ve fixed this as I can see it on varying media.

If I’ve misunderstood, can you expand?

P.S. the site’s looking really good and fits in with your vocation.