- This topic has 2 replies, 2 voices, and was last updated 6 years ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
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?
code changed in style.css >>>
max width changed to 100%
removed max width 1200px
changed padding to 0 0px;
changed margin to -44px 0 0 5px
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.
That's very helpful, thankyou.
© 2024 WPEngine, Inc.