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 - 441 through 460 (of 781 total)
  • Author
    Search Results
  • In forum: Pinnacle Theme

    Topic: Mobile view

    #80589

    I have added the Pinnacle Image menu to my home page. Since I could not find away to customize the titles in the “Image Menu” I created title boxes on my images. While viewing the home page on a computer everything is fine, but when I go to a an ipad or phone the images and title box are cut off. How do I resolve this?

    Here is the site:

    #80420

    Not referring to the Top Bar, I am referring to the main navigation under the deer which includes Home, History, Traditions, etc. I called two individuals who said they could not see any navigation and also it does not show up on my ipad.

    #80385

    The site http://www.leapyearassembly.org which forwards to a .com was created on my mac laptop. No issues. I just called a friend and he does not see any navigation, then I tried it on my ipad, also no navigation.

    #80359

    Hi Ben
    The code seemed to work – iPad looks good, thanks.

    Regarding point 2 – I noticed the issue on the iPad – as you start to move down the page it jumps. I thin check on the browsers – refreshing etc. but it always seems there. Are you saying you don’t see it? It happens on all pages of that site on all the devices I’ve tried. However, on phone size, as the header is not sticky, everything just scrolls – so perhaps it’s to do with that? Not the end of the world.

    #80335

    Hi!

    1. First, I adjusted my logo to be larger and to be centred within the menu items using this:


    @media
    (min-width: 992px) {
    #logo {
    margin-left: -165px;
    margin-right: -35px;
    }
    }

    However, when I shrink the screen size, the first thing that happens is the logo gets larger. How can I change this?

    2. Second, when the screen responds again (tablet & ipad size?), I would like the menu to be below the logo, where the secondary menu normally is. Is this possible after splitting the menu between the left and right?

    3. Just to be clear, third response (phone size?) would be as it is, going to a mobile menu.

    Thanks, as always, for your help!

    #80133

    So there is the link target issue, but I just noticed that this site, while everything is responsive enough for my liking, has a large white content space to the right side when viewed on an ipad or smaller device. Any thoughts on this?

    #79991

    Hello Ben/ Hannah,

    Site is missing search on ipad menu. How can i fix issue.

    Thanks!

    #79987

    Thanks for trying, but this didn’t affect the iPad and made a mess on the PC.
    Is it not possible just to stop the mobile menu being brought in above about 740px? I’m not familiar enough with responsive design or WP to know.

    As far as the scrolling goes, I don’t think it’ss the gallery, as if you visit http://www.loverslights.com/lights/shades-of-white-and-clear-to-black/ the same applies. That page has one row, split 50/50 each half with a SiteOrigin editor. The left has a Kadence slider shortcode, the right just text and an image.
    This only affects scrolling when the mobile menu comes in. If you make the browser windo a touch wider, to get the menu, then scrolling is fine.

    #79981

    Hey Colin,
    It’s pretty tricky to get a centered layout logo looking good on ipad view. Try this css and let me know what you think:

    @media (max-width: 992px) {
    #nav-main ul.sf-menu, .nav-main ul.sf-menu {
        display: block;
    }
    .kad-header-style-two .nav-main ul.sf-menu > li {
        width: 20%;
        float: right;
    }
    .kad-header-style-two .kad-header-center #logo {
        text-align: center;
        width: 60%;
    }
    #mobile-nav-trigger {
        display: none;
    }
    }
    @media (max-width: 768px) {
    #nav-main ul.sf-menu, .nav-main ul.sf-menu {
        display: none;
    }
    #mobile-nav-trigger {
        display: block;
    }
    }

    As for the second issue, I think this has something to do with your gallery. I’ll keep looking into it and see if I can come up with a fix.
    Thanks for your patience!

    Hannah

    #79968

    Hi Kevin
    I tried that, and the effect was that the left menu moved above the logo, and the right menu below it – not what I was after. I really just want the breakpoint to be at a smaller pixel size than it is, not sure of how to do that though.
    On the 2nd issue, this is evident to me on iPad, Firefox, Chrome and Edge. On the homepage (on the PC anyway) if I reduce the browser window to where the menu goes to an icon, when I scroll, the top of the page jumps up about 200px. This is when the menu icon is on the left. At the next breakpoint the icon moves to the right but the scrolling jump is still there.

    #79934

    Hi Ben/Hannah
    http://www.loverslights.com/lights
    First question: I would like to keep the image menu when viewing on an iPad – not sure how to do that.
    Secondly, when viewing after the media breakpoint changes the menu to an icon, scrolling up causes the page to jump initially, losing the top 200px or so before smooth scrolling is restored. I don’t have hardly any custom CSS and I’ve tried removing it just in case. Ideas?
    Thanks, Colin

    #79847

    So, will .col-md-12 do OK as a specification for all kinds of browsers, including iPhones & iPads? I’m thinking of all the other col- elements, viz. .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-25, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-25, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-25, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-ss-1, .col-ss-10, .col-ss-11, .col-ss-12, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-xm-25, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col2-set .col-1, .col2-set .col-2, .span1, .span10, .span11, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9

    Walter

    #79025

    Hey,
    Do you have the mobile slider enabled?

    You can’t have the mobile menu be the width of the screen on ipad unless you use a child theme and override the theme template. I don’t recomend this but you can see a child theme here: https://www.kadencewp.com/child-themes/

    So please remove this css:

    
    @media (max-width: 767px) {
    .container {
        padding: 0;
    }
    .contentclass {
        padding: 20px;
    }
    }

    Then if your just wanting for mobile like iphone add this

    
    #mobile-nav-trigger {
        margin: 0 -15px;
    }
    .nav-trigger-case {
        position: static;
        width: 100%;
    }
    @media (max-width: 767px) {
    #mobile-nav-trigger {
        margin: 0 -20px;
    }
    }
    #mobile-nav-trigger {
        margin: 0 -20px;
    }

    Ben

    #78998

    When owners upload from their ipads and iphone, images come in upside down. But they look right side up on iphone and ipad, and upside down on computer and Androids, in WP media library. Noticed in WP forum that this is a problem with Mac mobile devices related to EXIF info tagged to image. Also some say it has to do with the orientation chosen on the ipad and iphone, that defaults to landscape and should be changed to portrait in order to upload right side up.

    It is assumed WP automatically orients the images when uploaded. But doesn’t seem to be doing that. When I upload images to my WP backend on my computer, images are right side up for computer and Android/Note 4. Only when owners upload images from the mobile devices that this problem started.

    Most say that it’s a Mac problem with their iphones and ipads, not a WP problem. Does your theme have any fixes? Any ideas?
    Here are two plug ins others have used to mixed success depending on theme and other plugins.

    I sent this to Enhanced Media Library plug in also.

    #78984

    And it doesn’t solve the problem on a Ipad device.

    #78970

    OK so I placed the www in the custom CSS like you said, and I still am not getting the font to show on mobile. It shows on desktop just fine, but it is defaulting to some basic font on mobile and ipad. Any other suggestions?

    #78701

    Hey there!

    I want my menu to fit to the left and right site of my screen on screens like ipads and phones.

    I think that this custom css should fix it but it wont go through the old css keeps overruling also when i write !important.

    And i want my menu to fit like this.

    Hope you can help.

    Best regards

    #78677

    Hi Ben, that did the trick when I open the site on my macbook. When I open it on my ipad or iphone though, the font is not displaying properly. Do I need to add more CSS to have it display properly in mobile?

    Also, on my front page I have the kadence slider displaying, and it nicely fills the screen on my macbook. on iphone though the bottom of the slide does not cover the screen, is there a setting I can change where this will display as I want on mobile?

    Thanks in advance!

    #77692

    Are there any known issues with Virtue that in some weird way might effect the add to cart not working (not a woocommerce cart) in combination with safari on a iphone 6 using ios v 9.2.1 or mini ipad both with a cell connection? A wifi connection works fine.

    Devices have no add blocking, cookies are allowed, Ad tracking is off. The problem does not exist on any other browser installed on these devices, only safari.

    The way to make the add to cart work – “continue shopping” or pres and hold the refresh icon in the upper right of your iphone and then select desktop site. I don’t know if this is a JS issue where something isn’t loaded on the first attempt but then works on the second? you can see it here – mydogscool.com

    I suspect this latest ios update may have something to do with this problem.

    Just curious if anyone has seen this issue.

    Josh

    #77323

    I dont mind my menu images becoming stacked in vertical mobile view but when horizontal (or on ipad)I want them to fit all back on one line as they do on the desktop version in the SHOP and ABOUT US section. I was able to just about achieve this in the “The experience” section of my site by adding virtue shortcode to a visual editor but the image added was always a wordpress image with border and difficult for me to control with my limited programing ability.

    Surely there must be a way just to make these menu images stay in the layout i have put them on desktop but just shrinking the images appropriately?

    http://www.rupertvamp.co.uk

    Its currently password protected so people dont stumble upon it. Temppassword1

    Also I want to remove the menu image hover over or at least make them fit the images which they currently dont.

    Alex

Viewing 20 results - 441 through 460 (of 781 total)