Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 10, 2020 at 5:30 pm #1211674
    farzanahmed

    Hi

    I’m trying to make the header on my site to be full width so the logo is closer to the end of the screen, and the contact us button in the header widget is closer to the end on the right (need some padding though so it’s not right up to the edge).

    Also, the hamburger seems to move from left to right for some reason as well – please see this video -https://www.dropbox.com/s/t9tcwuiav92br9t/WhatsApp%20Video%202020-05-07%20at%2017.51.04.mp4?dl=0

    Thanks
    Farzan

    May 11, 2020 at 7:15 am #1211750
    Rikard

    Hey Farzan,

    Thanks for the video. I can’t reproduce the problem on my end using mobile emulation on Chrome though, in which browser and device are you seeing this?

    Best regards,
    Rikard

    May 11, 2020 at 4:25 pm #1211857
    farzanahmed

    Hi Rikard

    I’m not sure why, but the problem with the phone disappeared; but I’m still trying to make the header full width (on desktop – sorry should have clarified this before).

    I’ve got this CSS –

    #header #header_main .container {
    width: 100%;
    max-width: none;
    }

    That works to some extent, but it removes the menu and pushes the contact us button on the header right to the edge of the right of the screen, ideally i’d like some padding on the right there as well.

    Thanks
    Farzan

    May 12, 2020 at 6:56 am #1212027
    Rikard

    Hi,

    Please try this CSS:

    .av-logo-container {
    max-width: 100%;
}

div#custom_html-2 {
    right: 20px;
}

    The menu is disappearing because of this CSS:

    @media (min-width: 1350px) {
#wrap_all #header #header_main .main_menu {
    margin-top: -32px;
}
}

    Best regards,
    Rikard

    • This reply was modified 4 years, 6 months ago by Rikard.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.