Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1087148

    I have set up the following CSS Code, and the logo will not align properly and is not displaying full size.

    /*————————*/
    /* CSS – Logo center split menu
    /*————————*/

    @media only screen and (min-width: 780px) {
    /*In the below code nth-child(x) the value of x should be half the number of total menu items*/
    #top #header .av-main-nav li:nth-child(3) {
    /* Adjust the width of the logo */
    margin-right:260px;
    }

    #header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    }

    .av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
    }

    #header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
    }

    #header .logo img {
    top: 50%;
    transform: translateY(-50%);
    max-width: 100px;
    }
    }

    • This topic was modified 5 years, 8 months ago by cinchmedia.
    #1087589

    How long will it be until I receive support response?

    #1087675

    Hi,

    I’m not sure what you are trying to achieve, could you post a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    #1087688

    I would like the logo center aligned, at its full size – with the menu split on the left and right. If you look at the site, the logo is set to the right, and shrunk in size.

    • This reply was modified 5 years, 8 months ago by cinchmedia.
    #1088670

    Can I get support request today? I need to get this design to my client.

    #1089158

    Forget it. I waited too long without a solution and had to switch back to the old layout.

    #1089292

    Hi,

    We would like to apologize for the late response. We would like to implement the changes but the current user account is not an admin, so we are not able to change the settings or add the modifications. Please set the user role to admin so that we can edit the site. Make sure that the Appearance > Editor panel is accessible in case we needed to edit the files.

    Best regards,
    Ismael

    #1089299

    I have reset the user role to admin in case you are able to take care of this tonight. I would like for the logo to center align at its true size, as it is currently shrinking it down. Thank You.

    • This reply was modified 5 years, 8 months ago by cinchmedia.
    #1089727

    The logo is now centered, but it is not displaying it’s actual size. It is considerably smaller. Can the logo be set to it’s actual size?

    #1089800

    Hi,

    Thanks for the update.

    You have to adjust the max-width property of the logo. It’s currently set to 100px.

    #header .logo img {
        top: 50%;
        transform: translateY(-50%);
        max-width: 340px;
    }
    

    Best regards,
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.