Header and Logo Customization

  • Author
    Posts
  • #155512

    julie201017
    Member

    Hi there! We had a few design questions related to your wonderful Veggie theme.

    1. Is there a way to move our menu ABOVE our logo? We would like our menu to be the first thing our viewers see without having to scroll down at all.

    2. Also, is there a way to move our logo to the left of our menu, similar to the way this site does?: https://pinchofyum.com

    Thanks so much!

    -Julie and Marcie

    The blog I need help with is platein28.com.

    #155531

    anarieldesign
    Theme Author

    Hi Julie and Marcie,

    1. you can use this in the Custom CSS:

    .primarymenu {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 1440px;
        margin-left: 0px;
        padding: 30px;
        margin-top: 0px;
        z-index: 99999;
    }

    2. unfortunately this needs more customisation as you need to check and style it for smaller devices. So if you change this for the desktop view you need to adapt it for smaller devices and that means more coding and Custom CSS.

    I can give you some basic Custom CSS that can help with but you’ll need to check this out on your own and adapt it if needed:

    @media screen and (min-width: 45em) {
    .site-branding {
        max-width: 30%;
        position: relative;
    }
    .primarymenu {
        float: right;
        width: 60%;
        border: none;
        margin-top: 50px;
    }
    nav#site-navigation {
        text-align: left;
    }
    }

    Hope this helps.

    All the best,
    Ana

The topic ‘Header and Logo Customization’ is closed to new replies.