code help needed with header image

[barryhill]

Hi

I am building a site using atmosphere and running into some coding problem.

As you will see, I am using a small header image sitting top left which is currently aligned right and colliding with menu text.

My aim is also to have the site full width.

I have tried to use a variety of code adjustments in style.css to get the image to align left. I made the following adjustments and managed to get the image to align left, but unfortunately my changes made the 3rd level submenu items not align correctly under Osteopaths.

I have removed the code and the sub menus align properly.

Here is the code I did use (which aligned the image but cause menu misalignment).

Can anyone help me get the code right for a full width site with the top left image aligned far left?

thanks

code changed in style.css >>>

line 700
max width changed to 100%

line 1174
removed max width 1200px

line 1210
changed padding to 0 0px;

line 1279
changed margin to -44px 0 0 5px

Any ideas?

thanks

Barry

http://fishpondspractice.co.uk/wp

[Victor Font]

To change the header, you need to make 2 changes. First the .site-container has a max-width of 1280px. You need to remove the max-width from .site-header at line 696.

Next, you have to remove the left and right padding from .header-image .site-header at line 1209. Just change the padding to padding: 0;

You'll still need to adjust the phone # position.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[barryhill]

That's very helpful, thankyou.

works perfectly.

Barry

[Author]

Posts