Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 20, 2016 at 10:49 am #635819
    emilbroll

    Hey,

    I’m using Enfold + child theme, and for some reason the header changes color and the logo resizes on mobile screens. It’s not supposed to, according to the settings page of the theme – could you have a look and let me know how it can be fixed?

    May 20, 2016 at 12:10 pm #635841
    emilbroll

    Also, image galleries only shrink, the images don’t separate onto different lines on smaller devices (stays in three rows). See the link.

    May 22, 2016 at 6:07 am #636320
    Jordan

    Hi,

    Could you please also provide login details to your site, so that we can have a closer look at the back end. You can place the information in the Private Content section of your reply.

    Best regards,
    Jordan

    May 23, 2016 at 9:18 am #636627
    emilbroll

    Sure :) Username and password attached.

    May 24, 2016 at 8:04 am #637292
    Ismael

    Hi,

    I’m sorry but we can’t reproduce the issue with the header. It looks ok on mobile view, the background color is still white and the logo resizes properly. Could you please provide a screenshot of the issue? Regarding the gallery issue, please update the theme to version 3.5.4.

    Best regards,
    Ismael

    May 24, 2016 at 10:03 am #637324
    emilbroll

    The header issue only happens on the front page as far as I can see – see attached screencast.

    The gallery issue is still there on 3.5.4.

    May 24, 2016 at 5:37 pm #637652
    Yigit

    Hi,

    Logo does not shrink on my iphone and regarding background issue, please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
#top .av_header_transparency .header_bg {
    background-color: white;
}}

    Best regards,
    Yigit

    May 25, 2016 at 11:54 am #637957
    emilbroll

    Hey,

    That CSS snippet did not solve the issue – the header’s background still turns grey when scrolling (to see it on iPhone, scroll slowly up again, and you’ll see the grey background).

    May 25, 2016 at 12:42 pm #637984
    Yigit

    Hi,

    Please try changing the code to following one

    @media only screen and (max-width: 767px) {
#top .av_header_transparency .header_bg {
    background-color: white !important;
}}

    Best regards,
    Yigit

    May 27, 2016 at 8:52 am #639168
    emilbroll

    That makes no difference.

    Any update on the gallery issue?

    May 28, 2016 at 4:12 am #639637
    Ismael

    Hi,

    The header should not be shrinking on mobile device. Did you add any modifications to the avia.js file? Please add this in the Quick CSS Field to keep the background white on scroll:

    @media only screen and (max-width: 767px) {
.html_header_transparency #header_meta, .html_header_transparency #header_main {
    background: #ffffff;
}
}

    For the gallery, use this:

    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
    width: 100%;
    margin-bottom: 10px;
}

    Place this code inside the css media query above.

    Best regards,
    Ismael

    May 30, 2016 at 12:26 pm #640271
    emilbroll

    That worked, thanks :)

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Header shrinking logo on mobile’ is closed to new replies.