WordPress.org

Ready to get started?Download WordPress

Forums

Menu items customization (4 posts)

  1. hotcone
    Member
    Posted 1 year ago #

    Hi guys,

    Anyone know how to move the menu items down closer to the banner?
    Theme: Mystile
    Website: http://www.giftsinstant.com

    Greatly appreciated!

  2. awa4000
    Member
    Posted 1 year ago #

    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;
        }
    }

    and

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

  3. hotcone
    Member
    Posted 1 year ago #

    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?

  4. awa4000
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.