Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 30, 2014 at 1:25 pm #285159
    Skinny_Design

    I was wondering if you could help. Overall we are really happy with the theme and our client is also impressed, however there are a couple of issues when it is in the mobile version.

    1. The footer menu isn’t showing up on the mobile version, looked on your theme preview and think its the same on there. Is there a way we can get it to show.

    2. The logo is being pushed out of proportion as it scales down.

    3. There’s a white line between the header contact details and submenu in the header which on the mobile version is showing up as a long line on the right hand side. Can this be removed on the mobile version

    4. Parts of the text on the layer slider (the numbers) aren’t showing even though they are mid sentence and show up fine on the desktop version.

    Sorry if someone has already queried any of these issues, had a quick look through but couldn’t see the answer to the problem. The client has taken screen shots that I’m happy to email you if any of the above makes no sense. We’re on a tight deadline so would appreciate a response asap. Look forward to hearing from you.

    Thanks Ian

    June 30, 2014 at 9:14 pm #285388
    Yigit

    Hey Skinny_Design!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab
    1-

    @media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block;
}}

    2-

     @media only screen and (max-width: 767px)
.responsive .logo a, .responsive .logo img { height: auto !important; }}

    If that does not work, please post the link to your website
    3- 

    @media only screen and (max-width: 480px) {
.phone-info span { border: none !important; }}

    4- It would be better if we could see your website for this one, so if you do not mind, please post the link to it

    Best regards,
    Yigit

    July 2, 2014 at 3:22 pm #286234
    Skinny_Design
    This reply has been marked as private.
    July 3, 2014 at 5:03 am #286487
    Ismael

    Hi!

    Thank you for the update.

    The text on the layer slider are showing up fine on mobile view. They are small but they’re there. You can hide them on mobile device. Edit the layers then go to Attributes panel. Add a custom classes, “hide-on-mobile” for example. Add this on Quick CSS or custom.css:

    @media only screen and (max-width: 767px) {
.hide-on-mobile {
display: none !important;
}
}

    Cheers!
    Ismael

    July 9, 2014 at 3:46 pm #289057
    Skinny_Design

    Have you got an email I can send the client screen shot too so you can see how the logo is being cut off on the iphone when it’s horizontal?

    Thanks Natalie

    July 9, 2014 at 4:05 pm #289068
    Yigit

    Hi!

    You can upload your screenshots on imgur.com or Dropbox public folder and post them here. Please try adding following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 85%!important;
}}

    Best regards,
    Yigit

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