Support » How-To and Troubleshooting » Menu items customization

Menu items customization

Viewing 3 replies - 1 through 3 (of 3 total)
  • The extra space is being created by unnecessary padding in the CSS:

    @media only screen and (min-width: 768px) {
        #header {
        padding-bottom: 0;
        padding-top: 0;


    #header {
    padding: 1.618em 0 0

    Set all this padding to 0 and it should look better.

    You probably want to remove the “text text text” paragraph at the bottom of the page btw.

    changing the CSS to:

    #header {
    padding: 0em 0 0

    made the menu items closer to the top! The first CSS has no effect on the layout.

    The CSS that I found from stylesheet is:
    #header {
    padding: 1.618em 0 0;
    margin-bottom: 3.631em;
    border-bottom: 4px double #e8e4e3;
    clear: both;
    position: relative;

    nothing that I do seem to make it the way I wanted. Is this an issue with the Mystile theme?

    It might help to get a better idea of exactly what you’re after. If you want the menu closer to the banner horizontally then change the float: right; to float: none; or float: left; on the #header #navigation selector and the menu goes as far left as the banner image.

    On that note, you’re limited in how close the menu can be to the banner because you’re using an image for the words, GiftsInstant. If you remove the image and use text instead it will be much easier to manipulate things and your site will load faster as well.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu items customization’ is closed to new replies.
Skip to toolbar