• Resolved nicktay1202

    (@nicktay1202)


    Good Day, first and foremost, your plugin has saved me so much time for my project. Thank You!

    There is a little issue here is that my social image icons do not align with my logo in my header. You can see it if you come to my website at http://www.luxuri.sg

    I have created a few icon image with hyperlinks on the top left side of the screen in but it is not aligned with my logo. Is there any CSS code I can add to make those social icons align with my logo and the reservation icon on the right?

    Hope you can help me out! Thank you very much!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support DraftPress Support Team

    (@99robotsteam)

    Hello @nicktay1202 – Hope you are well!

    If you mean location, user and phone icons – To center them above the logo on the site – please use the following CSS –

    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1{
      text-align: center !important;
      padding: 10px 0px 10px 0px;
    }
    @media only screen and (min-width: 601px){
      #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-item-align-float-left{
     float: none;
    }
    }

    Here is a screenshot of how it looks after the CSS –
    https://ibb.co/pd4xsNg

    Hope this helps,
    Please keep us updated –

    Thank you,

    Thread Starter nicktay1202

    (@nicktay1202)

    Ahh I’m sorry for lack of information. For the location, I want them to align on the left. But just same height as the logo. Something like this site

    https://www.bulgarihotels.com/en_US/london

    Hopefully you can help me out with the CSS.

    Sorry for the trouble because Im a newbie in CSS

    Thank you very much!

    Plugin Support DraftPress Support Team

    (@99robotsteam)

    Hello @nicktay1202 – No problem!

    You can try this –

    @media only screen and (min-width: 601px){
      #mega-menu-wrap-max_mega_menu_1{
        position:absolute;
        margin-top: 10px;
      }
    }

    We have tried to make it as responsive as possible.

    Please take a look and let us know if any changes are required,

    Thank you,

    Thread Starter nicktay1202

    (@nicktay1202)

    That works! Thank you so much!

    Plugin Support DraftPress Support Team

    (@99robotsteam)

    We are glad we were able to be of assistance! – We will be closing this ticket now – If you face any other issues, please don’t hesitate in opening a new ticket.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Align Text With Logo header’ is closed to new replies.