Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Search Results for 'ipad'

Home / Forums / Search / Search Results for 'ipad'

Viewing 20 results - 161 through 180 (of 781 total)
1 2 3 … 8 9 10 … 38 39 40
  • Author
    Search Results
  • In forum: Pinnacle Theme

    In reply to: Main Menu for iPad 9″ -13″ Screen Size

    videomax
    March 4, 2018 at 5:21 pm #181911
    This reply has been marked as private.
    In forum: Pinnacle Theme

    In reply to: Main Menu for iPad 9″ -13″ Screen Size

    Hannah
    March 2, 2018 at 7:13 pm #181763

    I’m seeing it working. Have you cleared your cache on your ipad?

    Hannah

    In forum: Pinnacle Theme

    In reply to: Main Menu for iPad 9″ -13″ Screen Size

    videomax
    March 2, 2018 at 1:49 pm #181730
    This reply has been marked as private.
    In forum: Pinnacle Theme

    In reply to: Main Menu for iPad 9″ -13″ Screen Size

    videomax
    March 2, 2018 at 10:40 am #181687
    This reply has been marked as private.
    In forum: Pinnacle Theme

    Topic: Main Menu for iPad 9″ -13″ Screen Size

    videomax
    March 2, 2018 at 8:55 am #181677

    Dear Technical Support,

    Our Pinnacle Theme site main menu turns into a mobile “hamburger” menu on iPad with 9″-13″ Screen Size,
    while we want to keep the regular links menu on the header for these type of devices.
    Please let me know how to achieve this. Hamburger menu is ok for mobile phones, but not for larger tablets.
    Thank you!!!

    In forum: Pinnacle Theme

    In reply to: Re: Menu Classes not showing?

    Kevin
    March 1, 2018 at 12:06 pm #181569

    You seem to be missing the comment wrap at the beginning of this:

    Site:     GreatNewSite.com
Created:  August 103rd, 2017

  Table of Contents
    1.  GLOBAL
    2.  HEADER
    3.  HOME PAGE
    4.  FOOTER
    5.  PAGES
    6.  PAGES
    7.  PAGES
    8.  SERVICES
    9.  ABOUT
    10. BLOG
    11. CONTACT
    12. Add other pages as needed
    13. MOBILE LAYOUT

        a. MOBILE GLOBAL
 
        b. Smartphones (portrait)
           (max-device-width : 320px)

        c. Smartphones (portrait)
           (max-width : 425px)

        d. Smartphones (landscape) 
           (max-width : 667px)
 
        e. iPads (landscape)
           (min-device-width : 768px) 
           (max-device-width : 1024px)

        f. General Media Queries
           (min-width : 1400px) 
           (max-width : 1580px)

        g. General Media Queries
           (min-device-width : 1680px)

        h. General Media Queries
           (min-device-width : 1900px)
*/

    Add the /* and you should be set.

    -Kevin

    In forum: Pinnacle Theme

    In reply to: Ipad Pro and Full Width Rows with Parallax

    Ben Ritner
    March 1, 2018 at 9:41 am #181535

    This would be the same bug in safari, need to specify the orientation for iPad pro 12.9.

    @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
.kt-panel-row-parallax, .kt-panel-row-parallax-stellar, .panel-row-style-wide-parallax, .kad-slider-parallax .kad-slider .kad-slide { 
background-attachment:scroll; 
background-position:center !important; 
}
}
/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
.kt-panel-row-parallax, .kt-panel-row-parallax-stellar, .panel-row-style-wide-parallax, .kad-slider-parallax .kad-slider .kad-slide { 
background-attachment:scroll; 
background-position:center !important; 
}
}

    Here is the updated css.

    Ben

    In forum: Pinnacle Theme

    In reply to: Ipad Pro and Full Width Rows with Parallax

    Brandon
    February 28, 2018 at 11:51 pm #181490

    Ben, so I cleared page caching and the Full Width rows are all looking decent on the Ipad. Now there is still the same issue where ever Kadence Sliders are used. Looks zoomed in and pixelated.

    In forum: Pinnacle Theme

    In reply to: Ipad Pro and Full Width Rows with Parallax

    Ben Ritner
    February 28, 2018 at 9:53 am #181395

    In fact, the background image of the row looks very zoomed in and pixelated.

    That is a sign of a background being in attachment-fixed while on a mobile.

    can you tell me which size ipad pro your looking on?

    Ben

    In forum: Pinnacle Theme

    In reply to: Ipad Pro and Full Width Rows with Parallax

    Brandon
    February 27, 2018 at 11:41 pm #181324

    That custom css is not working.

    Let me try to rephrase. At one point in time the background images worked just fine. They became fixed and appeared like they should, albeit without the parallax. Presently, the issue is that the width of the background image is not correct when using an Ipad Pro. It’s not “responsive” in the right way. In fact, the background image of the row looks very zoomed in and pixelated.

    In forum: Pinnacle Theme

    In reply to: Ipad Pro and Full Width Rows with Parallax

    Ben Ritner
    February 27, 2018 at 11:15 pm #181319

    Ipads use a mobile browser which most don’t support background-attachment fixed.

    I think that is your issue, it should be off by default but I want you to add this css and let me know if it works for you:

    @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .kt-panel-row-parallax, .kt-panel-row-parallax-stellar, .panel-row-style-wide-parallax { background-attachment:scroll; }
}

    Ben

    In forum: Pinnacle Theme

    Topic: Ipad Pro and Full Width Rows with Parallax

    Brandon
    February 27, 2018 at 10:09 pm #181313

    I noticed after a few updates that my row backgrounds have started to appear strange. Where ever I have Full Width rows with Parallax backgrounds, the background image of the row looks super zoomed in or super stretched when viewing on an Ipad Pro. Looks normal on desktop and phone devices. I’ve tried a few different changes but nothing works. Not sure what I am missing. Please help. Thanks

    Here is an example page:

    In forum: Ascend Theme

    In reply to: Extraneous characters on a page

    Oleksandr
    February 24, 2018 at 9:32 am #180810

    I checked for 5s, 6s, 6s, se, 8 and Ipad 3
    Versions IOS from 5 to last
    everywhere this problem

    In forum: Ascend Theme

    Topic: How to make the woocommerce reviews section mobile responsive

    info797
    February 24, 2018 at 4:40 am #180776

    Hi,
    My woocommerce products are taken from Amazon and when i use their reviews iframes they are not mobile responsive on this theme. Do you know how to make them responsive please?

    Here is one such link:

    Thanks

    In forum: Virtue Theme

    In reply to: Formatting kad-panels

    phil2
    February 21, 2018 at 4:32 pm #180404

    Thanks Ben, that solved the problem. I have modified it very slightly drawing on your work and Kevin’s. Whilst it looked great on iPad, the height of the panels was breaking down at screen-width less than 560px.

    I changed your first line to catch this @media (min-width: 560px) and (max-width: 776px) {
    and added from Kevin’s code:

    @media (max-width: 560px) {
.page-id-10380 .panel-grid-cell {
    width: 90% !important;
    float: right !important;
    display: inline-block;
    position: static; 
    }
}

    Final solution looks like:

    /* Kadence team addition for even height boxes on iPad */
@media (min-width: 782px) and (max-width: 1200px) {
    .panel-grid-cell h3.widget-title {min-height: 60px;margin-bottom: 0px;}
    .panel-grid-cell .textwidget p {min-height: 140px;}
    .kad_img_upload_widget img {min-height: 140px;}
}

/* Kadence team addition to reduce box width in smaller screens */
@media (min-width: 560px) and (max-width: 776px) {
    .page-id-10380 #pg-10380-1 .panel-grid-cell, .page-id-10380 #pg-10380-2 .panel-grid-cell {
        width: 48% !important;
        float: left !important;
        display: block;
    }
    .page-id-10380 #pg-10380-1 .panel-grid-cell:nth-child(odd), .page-id-10380 #pg-10380-2 .panel-grid-cell:nth-child(odd) {
        margin-right:2%;
        clear:both;
    }
    .page-id-10380 #pg-10380-1 .panel-grid-cell:nth-child(even), .page-id-10380 #pg-10380-2 .panel-grid-cell:nth-child(even) {
        margin-left:2%;
    }

    .panel-row-style-for-10380-1, .panel-row-style-for-10380-2 {
        display: block !important;
    }
    .panel-row-style-for-10380-1:after, .panel-row-style-for-10380-2:after {
        display:table;
        clear:both;
        content:'';
    }
}

@media (max-width: 560px) {
.page-id-10380 .panel-grid-cell {
    width: 90% !important;
    float: right !important;
    display: inline-block;
    position: static; 
    }
}

    Thanks for all your help.
    Phil.

    In forum: Virtue Theme

    Topic: Formatting kad-panels

    phil2
    February 20, 2018 at 3:32 am #180071

    Hi team,
    After much work, I’m very pleased to have got this page nearly working. On my iPad, however I note

    1. In landscape, the boxes are uneven in height. Is there a min-height setting I can use to even them up?

    2. In portrait I see the display has collapsed to an odd-looking single column. Can we force it to 2 columns so the the boxes look better?

    Many thanks,
    Phil.

    In forum: Virtue Theme

    In reply to: Removing buttons in product page just for certain products?

    Satoko
    February 19, 2018 at 4:38 pm #180035
    This reply has been marked as private.
    In forum: Virtue Theme

    In reply to: change a:link text to white in top bar on mobile

    Hannah
    February 13, 2018 at 2:11 pm #179157

    Hey Carrie,
    I just viewed from an ipad and I’m seeing it white. Did you clear your cache?

    Hannah

    In forum: Virtue Theme

    Topic: ipad media query problem

    Colin
    January 8, 2018 at 4:50 am #174291

    Hi Ben/Hannah

    This problem wasn’t originally on three of my sites and I’m not sure exactly when it arose. But it did, by itself.

    I don’t over-ride the Virtue CSS media query trigger points anywhere on these sites at all, but both the main menu and the mobile hamburger started appearing together on full laptop screens. You can see an affected staging site here:

    I can get rid of the unwanted hamburger by using, say,

    ———————-


    @media     screen and (min-width: 990px) {
    .nav-trigger {
    display: none;
    }
    }

    ———————-

    But this produces another problem. No menu at all appears on an an iPad in landscape orientation. Ajusting the 990px pixel figure up or own (to 1024px for instance) makes no difference.

    Any clues?

    In forum: Ascend Theme

    In reply to: staff grid: rows on eaqual height

    Thomas
    December 27, 2017 at 1:39 am #173192

    Hi Ben!
    sorry, I was in the virtue forum but used the search there. The search doesn’t mind in which forum the user is and show posts from all forums. So I might clicked on a similar post that couldn’t answer my question and opened a new thread there. Sorry!

    The script does work in Chrome but in safari and firefox something goes wrong sometimes when re/loading the page. The positions in the second row are switched and there is a wrong margin-top.
    And the script gets “broken”, wenn changing the window size to mobil layout and back.

    The position switch in general is a ting I don’t understand. In the theme/shortcode options I decide how to set the order. But e.g. on iPad window-size the positions are switching. Why? Is there a reason?

    Hope you guys had a merry christmas!

    _
    Thomas

  • Author
    Search Results
Viewing 20 results - 161 through 180 (of 781 total)
1 2 3 … 8 9 10 … 38 39 40