1. Dismiss Notice

Center Logo, Menu Below

Discussion in 'Traffica WordPress Theme' started by beachproperty1, Sep 10, 2018.

Tags:
  1. beachproperty1

    beachproperty1 New Member

    Joined:
    Apr 16, 2012
    Messages:
    16
    Likes Received:
    0
    Good Morning. There was a thread at one point that showed how to center the LOGO and put the menu below the LOGO. I used some CSS to make this work on the desktop version, but the logo is almost off the screen on the mobile. The website is olympictaxpros.com

    Basically I used ; (I know this was likely the wrong way of doing it but I had to get them live). Please provide the right changes so I can adjust making both the desktop and the mobile responsive working correctly.

    .header .logo {
    margin-top: 10px;
    margin-bottom: 5px;
    }
    .header .logo img {
    max-width: 600px;
    height: auto;
    margin-left: 300px;
    text-align: center;
    }
    .col-md-9 {
    width: 89%;
    }
     
    beachproperty1, Sep 10, 2018
    #1
  2. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    Greetings from InkThemes,

    To make desirable changes, just paste the code given below in Custom CSS section.
    (Dashboard->Inkthemes->Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .header .logo img {
    left: 100%;
    position: relative;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .header .logo img {
    left: 0%;
    max-width: 430px;
}
}
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
    akbar92, Sep 11, 2018
    #2
  3. garfie

    garfie Member

    Joined:
    Dec 27, 2017
    Messages:
    32
    Likes Received:
    0
    Akbar,

    I would like to add this idea to my theme as well. When I pasted your code in, the logo centered as expected, but the menu did not drop down as expected. They are on top of each other. What makes the menu drop down below the centered menu? Thanks in advance!
     
    garfie, Jan 24, 2019
    #3
  4. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hello,

    Greeting from InkThemes,

    I have provided you with the CSS for the header logo only.

    Now, kindly share the details on how you want the menu items to look like and display.

    And share the URL of the website in which you want to carry out these changes.

    Waiting for your response!

    Regards,
    Akbar
    InkThemes.com
     
    akbar92, Jan 25, 2019
    #4

Share This Page