Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 6, 2021 at 12:37 pm #1331689
    cd2s

    Hello Kriesi Team

    I have a split menu on the following website. It works generally fine but when I make the browser window smaller or view it on an iPad 11 it is all skewed up (see screenshot link in Private Content below). Also, there seems to be a transparent overlay background on the header in that view, which isn’t in any other view. Can’t seem to figure out why.

    Home

    All the details if you need are below in Private Content.

    Thanks so much.
    Corina

    • This topic was modified 2 years, 11 months ago by cd2s. Reason: forgot to mention something. thanks
    December 6, 2021 at 1:52 pm #1331703
    Ismael

    Hey Corina,

    Thank you for the inquiry.

    This css distorts and disaligns the logo on screens narrower than 1284px.

    .responsive .logo img, #top .logo {
    max-width: 35% !important;
    width: 35%!important;
}

    And this one removes the space between the menu items.

    .av-main-nav > li > a {
    font-weight: normal !important;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0px!important;
}

    We added a screenshot of the header in the private field after disabling the css rules above.

    Best regards,
    Ismael

    December 6, 2021 at 5:55 pm #1331744
    cd2s

    Hi Isamel

    Awesome. that worked. Thanks so much. Do you know why only in the iPad11 size view; there seems to be a slightly darker header? This is visible in the screenshot I sent. It’s not visible in other sizes?

    Thanks heaps, for your help. Really appreciate it.
    All the best,
    Corina

    December 7, 2021 at 4:45 am #1331782
    Ismael

    Hi,

    No problem! Glad it is working.

    Did you add this css to set the color of the header on mobile or tablet view?

    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
    background-color: #002138;
    color: #ffffff;
    border-color: #001636;
}

    The background color (#002138) is a bit different compare to the default one, which is #001636.

    Best regards,
    Ismael

    December 7, 2021 at 10:08 am #1331813
    cd2s

    Hi Ismael

    Yes, the client changed their colours, so went through and adjusted everywhere. For the life of it though I cannot find this CSS anywhere? I checked in Theme Editor -> Custom CSS, Enfold -> General Styling -> Quick CSS and in the WordPress Customizer.

    Am I looking in the wrong place? Also cleared all cache and rebuilt CSS many times in WP Rocket.

    The website has been evolving over about 5 years so the CSS is a bit messy. But I did a search and cannot find this css? Could you point me to where I can find this? Also tried to find it via Firefox Developer and can’t seem to locate it.

    Thanks so much.
    Corina

    December 8, 2021 at 3:49 am #1331911
    Ismael

    Hi,

    Thank you for the update.

    You can use the same css and adjust the background color to override the other one. Or disable the Performance > File Compression settings temporarily so that we can identify the location of the css.

    Best regards,
    Ismael

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