Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 1, 2017 at 12:32 pm #871177
    aussiedropbear

    Hi,

    I have just finshed this site but realised two issues when viewing on a phone/mobile.

    The first is that the menu ‘bars’ cannot be seen? Is there somewhere in the admin to change this colour or is there any CSS?

    The second is the full width easy slider. When viewed.the picture is nicely resized but the elements are not? Any suggestions?

    Thanks
    John

    November 2, 2017 at 12:13 am #871461
    aussiedropbear

    Just an update.

    I have figured out where to change the colour for the mobile (burger) menu.

    All I need is some feedback on the other item:

    The full width easy slider. When viewed the picture is nicely resized on mobile but the elements are not and canot be view correctly? Any suggestions? Or should I drop this from mobile view?

    Thanks John

    November 2, 2017 at 5:11 am #871529
    Rikard

    Hi,

    Thanks for the feedback. Could you try updating the theme to the latest version (4.2) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    November 6, 2017 at 12:07 am #872870
    aussiedropbear

    Hi Rikard,

    Many thanks for the reply.

    I have completed the theme update however the issue still remains in the full width easy slider whgen viewed on a mobile device. That is, the two buttons are oibscured form the view. Do I have too much information in them that is causing this?

    Cheers
    John

    November 6, 2017 at 6:36 pm #873258
    Victoria

    Hi John,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 990px) {
  #top .avia-slideshow-button {
      padding: 8px 10px;
      margin-top: 10px;
  }
  h2.avia-caption-title  {
    font-size: 22px;
  }
  .avia-caption-content p {
      margin: 5px 0;
  }
}
@media only screen and (max-width: 479px) {
  .responsive #top .slideshow_caption h2 {
      font-size: 18px !important;
      margin-bottom: 0;
  }
  #top .avia-slideshow-button.avia-color-light {
    padding: 5px 5px;
    float: left;
    margin-left: -10px;
  }
  #top .avia-slideshow-button {
    padding: 6px 8px;
    margin-top: 10px;
    margin-right: -10px;
}

}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 7, 2017 at 11:08 pm #873922
    aussiedropbear

    Thankyou Victoria. That seemed to do the trick!

    November 9, 2017 at 4:47 am #874376
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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