Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #179584

    Hello,

    I want my logo (MK) and my main menu to be at position center what ever device I use. I did the following quick css which is approximately fine for computer screen but when I change for example the browser window size or vertical ipad navigation, it start to move logo & menu and not align them correctly at center. Could help with css or other way ?
    Thanks very much
    Regards

    link :
    http://www.mallorykwiat.com

    quick css :
    div .logo {
    left: 43%;
    position: relative;
    }

    .main_menu {
    position:relative;
    right:38%;
    top: 110px;
    margin bottom : 20px;
    }

    #179848

    Hey mallokw!

    Please add following code to Quick CSS as well

    @media only screen and (min-width: 768px) and (max-width: 989px) { .main_menu { right: 29%; }}
    @media only screen and (max-width: 767px) { #top .logo img { float: left; }}

    Best regards,
    Yigit

    #179939

    It’s just perfect !
    Thanks very much
    Regards

    #179941

    Hey!

    You are welcome! Glad we could help :)

    Cheers!
    Yigit

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

The topic ‘Logo & Menu position center’ is closed to new replies.