Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 5, 2018 at 12:54 am #966920
    KingFilly

    Hi moderators,

    I’m building a website for a client and have a problem with the logo.

    The setting is Logo Right, Menu Left.
    In CSS i changed the position of the Logo to the center:

    .html_header_top #top .av_logo_right .logo {
    right: auto;
    left: 50%;
    margin-left: -85px;
    }

    It looks good now but when i change the screen to mobile or table the logo falls of the screen and the hamburger menu shows first left when you decrease the size and then appears to the right.

    What i would like to have is that the logo is centered all the time. On desktop the menu needs to be as it is. On Moblie and Tablet can be Hamburger Menu postioned to the left.

    I really hope you guys can help me out.
    Website link and pw are in private section.

    June 5, 2018 at 8:36 am #967055
    Rikard

    Hey KingFilly,

    Please try this CSS instead:

    @media only screen and (min-width: 990px) {
.html_header_top #top .av_logo_right .logo {
right: auto;
left: 50%;
margin-left: -85px;
}
}

    Best regards,
    Rikard

    June 5, 2018 at 5:20 pm #967324
    KingFilly

    Hi Rikard,

    i added the code to Quick CSS but this didnt changed anything.
    See the imgur link of screenshots on mobile and tablet view.

    Hope to hear from you.

    June 6, 2018 at 9:19 pm #968071
    KingFilly

    hi rikard, hope you have another solution for me!

    regards, filip

    June 8, 2018 at 12:08 am #969868
    Ismael

    Hi,

    Thanks for the update. Adjust the code a bit.

    @media only screen and (min-width: 990px) {
.html_header_top #top .av_logo_right .logo {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}

#header_main {
    height: 120px;
}

.responsive #top #wrap_all .main_menu {
    left: 0;
    right: auto;
}
}

    Best regards,
    Ismael

    June 8, 2018 at 10:53 am #970040
    KingFilly

    Perfect Ismael!
    Thank you very much.

    You can close this thread now.

    June 9, 2018 at 8:54 am #970318
    Rikard

    Hi,

    Great, glad we could help. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo settings for mobile/ tablet’ is closed to new replies.