Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 21, 2015 at 4:11 pm #432103
    annekindlemix

    Hi there

    Love this theme, thank you.

    I have three issues I hope you might be able to help me with:

    1.) When viewed on an iPad/iPad emulator the header text in the middle column on my homepage is cutting off. It should say ‘TABERNACLE’ but currently says ‘TABERNA’.

    2.) Again, when viewed (horizontally) on an iPad/iPad emulator, the menu is cutting into the logo. When viewed vertically it works fine, defaulting to the responsive menu.

    3.) I’m also using an easy slider on the homepage, but the caption title and text does not seem to be responsive on either tablet or smartphone. Is there anything I can add to the custom CSS as a work around for this?

    Many thanks in advance for your help.

    A…

    April 22, 2015 at 8:44 am #432620
    Ismael

    Hey annekindlemix!

    Thank you for using Enfold.

    1.) You can adjust the font size on smaller screen sizes:

    @media only screen and (max-width: 989px) {
#top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 {
  font-size: 18px;
}}

    2.) Select the second option in the Enfold > Header > Mobile Menu > Header Mobile Menu activation setting.

    3.) The slider captions resized properly when I checked it. Please provide a screenshot. You can use css media queries if you want to decrease the font size of the captions.

    Best regards,
    Ismael

    April 24, 2015 at 5:02 pm #434251
    annekindlemix
    This reply has been marked as private.
    April 24, 2015 at 5:12 pm #434258
    annekindlemix
    This reply has been marked as private.
    April 27, 2015 at 12:46 pm #435180
    Andy

    Hi!

    1.) Try to add an !important into Ismael’s code:

    @media only screen and (max-width: 989px) {
#top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 {
  font-size: 18px !important;
}}

    Clear browser cache and refresh your page a few times afterwards.

    2.) Well, your menu is just too large for an iPad, but you could try to modify the width and position of your logo, so you gain more space. Here a code only for iPad landscape view: 

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
div .logo {
left: -44px;
max-width: 31px;
}}

    Adjust “left” and “max-width” values as needed.

    Best regards,
    Andy

    April 27, 2015 at 12:55 pm #435188
    Raphael

    Hei Huys, my webinspector isn´t working actually any more.

    wasn´t there a class like (Ipad), that you entered in the body class as you doing it with the ie8 class?

    April 28, 2015 at 12:58 pm #435976
    Ismael

    Hey!


    @hunter74    : I’m sorry but I’m not sure I understand you correctly. Can you please explain it a bit? A screenshot will help. If you’re referring to the custom html class when a user is viewing on an ipad, you can use the avia-ipad class attribute.

    Regards,
    Ismael

    April 28, 2015 at 1:08 pm #435985
    Raphael

    yes that´s what I´m looking for. .avia-ipad (for making special customicing)
    So I can exclude my own Javascript detection :-).

    But Is there something for iphone as well?

    April 28, 2015 at 1:10 pm #435989
    Yigit

    Hi!

    Yes, there “.avia-iphone” as well :)

    Regards,
    Yigit

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