Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 4, 2019 at 1:17 pm #1144973
    ellenyoung

    Hi, I have Enfold and I’m fairly happy with my website, however I have these issues when its viewed on my phone and looks awful:
    1. The logo is cut off (which I’ve mentioned in a separate thread)
    2. The H1 text looks massive
    3. The slider images look tiny
    4. Is there any way to make the menu lines white instead of black
    5. The dots on my slider image look huge
    6. The text in my menu is a different font to that on my laptop view menu
    Is there something I’ve done that’s stopping it optimizing as I’d expect the elements to adjust to a mobile view.
    Many thanks,
    Ellen

    October 5, 2019 at 5:05 am #1145205
    Rikard

    Hi Ellen,

    Let’s stick to one problem at a time. You have this CSS causing your logo to be hidden:

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

    Please change it to this instead:

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

    Best regards,
    Rikard

    October 7, 2019 at 11:22 am #1145718
    ellenyoung

    Hi Rikard,

    Could you please let me know where to change this code? I’ve only ever added css to the Quick CSS section before but I cant see the code you have mentioned?
    Many thanks,
    Ellen

    October 7, 2019 at 3:08 pm #1145805
    Rikard

    Hi Ellen,

    I can’t see where it’s coming from since you have file compression active under Enfold->Performance. Please turn that off or give us temporary admin login details in private so that we can have a look at the backend of your installation.

    Best regards,
    Rikard

    October 9, 2019 at 12:55 pm #1146504
    ellenyoung

    Thank you Rikard, I’ve added my admin login details so you can take a look. Many thanks

    October 10, 2019 at 6:10 am #1146738
    Rikard

    Hi,

    Thanks for that. I turned off file compression in the theme and cleared the cache from your caching plugin and the logo is displaying fine on all resolutions now on my end. Please review your site.

    Best regards,
    Rikard

    October 15, 2019 at 12:57 pm #1148051
    ellenyoung

    Thank You Rikard, its no longer cut off.
    Could you please let me now if there is way to change the H1 text on mobile view? I’d like it to be smaller.
    Many thanks,
    Ellen

    October 15, 2019 at 5:29 pm #1148151
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px)  {
h1{
font-size:12px!important;
}}

    Adjust font for whatever you need.

    Best regards,
    Jordan Shannon

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