Public Forums 71,145 posts

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#199705

Looking to clean up the look of the new website’s banner.

Problem # 1
The school logo is touching the words HOME and SCHOOL INFO in the main menu line. Don’t want to shrink the size of the logo. How can I get some blank spacing between the logo and the main menu text?

Problem # 2
For the main menu, a line is displayed under the selected menu item. For example when home is selected the line is displayed under the word home. Considerable gap between the word HOME and the indicator line, What can I do to reduce the gap?

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#542461

<em>@greinert 436824 wrote:</em><blockquote>Looking to clean up the look of the new website’s banner.

Problem # 1
The school logo is touching the words HOME and SCHOOL INFO in the main menu line. Don’t want to shrink the size of the logo. How can I get some blank spacing between the logo and the main menu text?</blockquote>

Try This . . . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> /templates/purity_iii/css

Within that custom.css file, paste the following CSS rule:


.navbar-nav {
margin-top: 15px;
}

Of course, you can adjust the pixel value for the “margin-top” property to whatever you feel looks best.

<em>@greinert 436824 wrote:</em><blockquote>
Problem # 2
For the main menu, a line is displayed under the selected menu item. For example when home is selected the line is displayed under the word home. Considerable gap between the word HOME and the indicator line, What can I do to reduce the gap?</blockquote>

Within the same custom.css file, paste the following CSS rule:


.navbar-nav > li > a {
padding-bottom: 0;
}

Better ??

1 user says Thank You to TomC for this useful post

1. greinert

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#542480

Worked perfectly. Thanks.

[Author]

Posts