This topic contains 6 replies, has 2 voices, and was last updated by  Justin 3 years, 10 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #66534

    Justin
    Participant

    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

    #66545

    Sakin
    Keymaster

    @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;
    }
    #66555

    Justin
    Participant

    @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

    #66559

    Sakin
    Keymaster

    @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.

    #66562

    Justin
    Participant

    @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?

    #66567

    Sakin
    Keymaster

    @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;
    }
    #66592

    Justin
    Participant

    Perfect!! Thanks!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Logo Left Padding/Margin’ is closed to new replies.