Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • November 15, 2014 at 10:03 pm #351908
    elames

    Site: kau-hawaii.com/wordpress/
    See this image: http://imgur.com/tpRnYah

    This is how the table shows on my tablet in portrait mode. This is not acceptable. What code do I need to use so that it shows responsive as it is in smartphone or in landscape format?

    Thank you

    November 17, 2014 at 12:55 pm #352358
    Ismael

    Hi elames!

    Thank you for using Enfold.

    Looks like you checked it by adjusting the browser window. It wouldn’t look that way on an actual tablet device. Have you tried it?

    Regards,
    Ismael

    November 17, 2014 at 2:34 pm #352420
    elames

    I used the browser window so I could get a screen capture. It DOES look this way on the tablet. What Can I do?
    The other issue is when computer screen is larger, the menu wraps to a second line.

    November 18, 2014 at 1:47 pm #352941
    Ismael

    Hi!

    You can decrease the padding and font size:

    @media only screen and (max-width: 1024px) {
.pricing-table>li {
font-size: 12px;
padding: 5px 4px;
}
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    November 18, 2014 at 8:15 pm #353216
    elames

    You gave me this code.
    Here is a screen shot of the tablet; http://imgur.com/zu1WiL4

    It is responsive for iphone either mode, but not for tablet in portrait mode. If I change the code, I lose my background of the menu bar.

    November 18, 2014 at 10:46 pm #353291
    Yigit

    Hey!

    Please add following code to Quick CSS as well 

    .pricing-table-wrap {
display: block;
}

    Best regards,
    Yigit

    November 18, 2014 at 11:22 pm #353327
    elames

    No that made is look worse on the computer screen :-(

    November 18, 2014 at 11:25 pm #353331
    Yigit

    Hi!

    That is because i forgot to add media queries. Sorry about that :) Please change the code to following one

    @media only screen and (max-width: 990px) {
.pricing-table-wrap {
display: block;
}}

    Regards,
    Yigit

    November 19, 2014 at 1:09 am #353406
    elames

    Sorry that did not work either

    November 19, 2014 at 2:54 pm #353688
    elames

    I need you go go into my site and clean up the code so this all works properly. Where can I send you log in info?
    I tried yesterday and marked reply private but it still showed up on the forum.
    Thanks

    November 19, 2014 at 3:01 pm #353698
    Yigit

    Hi!

    You can post them here, just make sure to check “Set as private reply (Only you and moderators will see the content of this post)” above Submit button. If your post has blue border, that means it is private and only you and moderators can see the content. You can logout and check

    Cheers!
    Yigit

    November 19, 2014 at 5:19 pm #353803
    elames
    This reply has been marked as private.
    November 19, 2014 at 6:31 pm #353852
    Yigit

    Hi!

    I have added the code to the top of the Quick CSS field and it does work fine on my end. Please flush browser cache and review your website

    Regards,
    Yigit

    November 19, 2014 at 7:57 pm #353922
    elames

    The tables are working but the white background of the main menu when I look at it on the tablet now wraps to a second line.
    The white background extends too far on the desktop but not far enough on the tablet…strange?

    November 20, 2014 at 11:25 am #354202
    Ismael

    Hey!

    Check the site now. Hard refresh the page or remove browser cache. We added some css media queries for the main menu: http://www.kau-hawaii.com/wordpress/

    Best regards,
    Ismael

    November 20, 2014 at 3:08 pm #354286
    elames

    Thank you
    but see this image :http://imgur.com/IkLHUcE

    November 21, 2014 at 5:38 pm #355335
    elames

    Any ideas of this yet? Also after your changes, I see the background of the title bar is now white rather than the green it was previously. How do we get that back.
    Thank you!

    November 22, 2014 at 10:35 am #355840
    Ismael

    Hi!

    Use this:

    .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width: auto;
height: 35px;
}

    Regards,
    Ismael

    November 22, 2014 at 3:39 pm #355897
    elames

    ALL SET now! THANK YOU. MAHALO! for all of your great assistance. It is truly appreciated.

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Table not fully responsive’ is closed to new replies.