[Justin]

http://www.504mediasolutions.com

Hi Sakin, if you go to my page linked above, you will see the alignment of the logo to the left side of the primary menu to the featured grid are not in alignment. Is there an easy way to achieve this via CSS? I tried setting the margin to 0 for the #site-branding id but while it worked in Chrome it did not work in IE, then i messed it up completely and had to revert back to the original css code.

Thanks,
Justin

[Sakin]

@Justin: Try adding in the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

#masthead .wrapper,
#site-branding {
    padding-left: 0;
    padding-right: 0;
}

[Justin]

@Sakin I had to change the padding-left to 10px to line up the logo wtih the Primary Menu. now the featured grid hangs off to the left which doesn’t look terrible. but wanted to see if i could line up the left side of that wtih the rest. check the site again to see what i mean.

Thanks again for your help.

Justin

[Sakin]

@Justin: Sorry I don’t get it what you mean, which element are you trying to change it. Can you share screenshot showing the alignment then I can suggest you css.

[Justin]

@Sakin thanks for the reply.

If you go to http://www.504mediasolutions.com on the home page the “H” in Home (primary menu) now lines up left justified as i want it to with the left side of my 504 media logo right below it. Below the logo where the featured grid content images are, the image looks to be about 15 pixels or so to the left of the menu and logo. Is there a way to push the featured grid content to the right?

[Sakin]

@Justin: It’s better to move the menu not the grid content. So, you can try adding in the following css:

.nav-primary .wrapper {
    padding-left: 0;
    padding-right: 0;
}
.nav-primary .menu .menu-item-home a {
    padding-left: 0;
}

[Justin]

Perfect!! Thanks!

[Author]

Posts