Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #28833

    Hello,

    I’m using Enfold. For responsive sizes I want the menu to still switch to the responsive version but to remain on the same level as the logo, instead of dropping below it. I’ve tried the css below but the logo then jumps to twice the size.

    How do I fix please?

    .logo, .logo a {
    float: left;
    display: inline;
    }
    .responsive #top .mobileMenu {
    width:60%;
    float: right;
    display: inline;

    #138785

    Hi,

    Can you post a link to your website please?

    Regards,

    Josue

    #138786

    Sorry Josue but no. It’s only on my localhost so far

    #138787

    Hey,

    What type of header do you have? Please check on Enfold > Header > Header Type.

    Regards,

    Ismael

    #138788

    Non-fixed with social icons & additional navigation

    #138789

    Hey,

    You can use this on your custom.css or Quick CSS:

    @media only screen and (max-width: 767px) {
    .responsive .logo img {
    float: left;
    margin: 0;
    }
    .responsive .main_menu {
    position: relative;
    float: right;
    margin-top: -60px;
    }
    }

    It will look like this:

    Regards,

    Ismael

    #138790

    Quite right Ismail. It looks just like that.

    Thanks for your prompt assistance.

    #138791

    Hey,

    Glad it worked.

    Cheers,

    Ismael

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

The topic ‘Keep logo and menu in line’ is closed to new replies.