Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 28, 2021 at 6:44 pm #1326887
    sbroto

    Good afternoon.

    I have a problem on my page as a blank space has been created between the menu and the main image.

    This only happens in resolutions below 750 px, in the desktop version it works correctly.

    Can you help me fix it, please?

    Thank you.

    October 29, 2021 at 6:23 am #1326926
    Rikard

    Hey sbroto,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 750px) {
.av-logo-container {
    height: 260px;
    line-height: 260px;
}
}

    Best regards,
    Rikard

    October 30, 2021 at 6:57 pm #1327095
    sbroto

    Hi Rikard, the problem continues.

    I send you the url of the web privately so you can see it live

    Thank you very much for your help

    October 31, 2021 at 3:36 pm #1327202
    Rikard

    Hi,

    This CSS is applying from the theme:

    @media only screen and (max-width: 767px) {
.responsive #header_main .container {
    height: auto !important;
}
}

    I can’t see where it’s coming from though, since you have file compression active. Please try removing or modifying that CSS.

    Best regards,
    Rikard

    November 3, 2021 at 6:03 pm #1327679
    sbroto

    Hi Rikard.

    I have located those lines in the layout.css file

    Lines 2598

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {

    And further down line 2657

    .responsive #header_main .container{height:auto !important; }

    Can you tell me how I should modify them?

    Thank you.

    November 4, 2021 at 6:12 am #1327724
    Rikard

    Hi,

    Thanks for that. Could you include admin WordPress login details as well please?

    Best regards,
    Rikard

    November 4, 2021 at 12:12 pm #1327764
    sbroto

    Sure!

    Thanks

    November 5, 2021 at 6:50 am #1327867
    Rikard

    Hi,

    Thanks for that. You had this in custom.css:

    @media only screen and (max-width: 567px) {
.responsive #header_main .container {
    height: auto !important;
}
}

    I removed that for you, and it’s working as it should after that. Please review your site.

    Best regards,
    Rikard

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