Move menu left and lower to alighn with logo without going behind logo

Discussion in 'Compass WordPress Theme' started by andreahw16, Jun 27, 2016.

Thread Status:
Not open for further replies.
  1. andreahw16

    andreahw16 Guest

    Joined:
    Mar 17, 2014
    Messages:
    65
    Likes Received:
    0
    Location:
    Wheaton, IL
    Hello I had a thread on this earlier and I thought the issue was solved and thread closed. Sorry my client pointed out that the first menu item was going behind the logo. They must have a smaller screen? As it looks great on my window, however when I shrink my window I am able to see his issue. I had to remove the code so I can not take a screen shot. Not sure if there is some code that forces it to go below if the screen gets smaller and aligns nicely when viewing......attaching what it currently looks like now. Thank you for your help.

    https://mrswfoodservices.com/ Screen Shot 2016-06-27 at 10.56.58 AM.png
     
  2. priya

    priya Guest

    Hi,

    Greetings from InkThemes!

    Please use below code..
    Code:
    #menu .ddsmoothmenu {
        margin: 44px 1px 0px 7px;
        text-align: initial;
    }
    @media only screen and (max-width: 1300px) and (min-width: 960px){
    #menu .ddsmoothmenu {
        margin: 44px 1px 0px 73px;
    }
    }
    @media only screen and (max-width: 960px) and (min-width: 768px){
    #menu .ddsmoothmenu {
        margin: 44px 1px 0px 122px;
    }
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. andreahw16

    andreahw16 Guest

    Joined:
    Mar 17, 2014
    Messages:
    65
    Likes Received:
    0
    Location:
    Wheaton, IL
    Thank you that worked!! tested it on shrinking screen and on phone all good now! Much appreciated.
     
  4. priya

    priya Guest

    You're welcome..:)

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
Thread Status:
Not open for further replies.

Share This Page