Home Forums WordPress Themes – Premium Flat Responsive show regular header menu on ipad?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #16811
    gebseng
    Participant

    Dear forum members,

    Is there a way to show the regular header menu (as opposed to the three-bars collapsed menu shown in mobile view) in Safari on an ipad?

    thanks,

    geb

    http://knallfrosch.at/wordpress/

    #22106
    Binaya D
    Participant

    Hi There,

    Please use the following css to fix your issue:

    
    .img-responsive{
          width: 100%;
    }
    

    Note: Please use the custom css plugin or child theme to write css.
    And if you face same isuue again, then please send us WP-login details of your site via mail.
    Email address: [email protected]

    Thanks

    #22157
    gebseng
    Participant

    Thanks for the reply!

    However, this only seems to change the size of the image, but not the menu behaviour

    here is the website address: http://www.knallfrosch.at

    best,

    Gebhard

    #22158
    gebseng
    Participant

    Here are two screenshots:

    ScreenShot2015-11-28at20.58.31copy.jpg
    ScreenShot2015-11-28at20.58.52copy.jpg

    Attachments:
    You must be logged in to view attached files.
    #22165
    Binaya D
    Participant

    Hi Gebhard,

    Please use the above css because if you look your site in Firefox, then you can see the actual issue. And regarding the menu issue we are little bit confused, so could you please explain more about the issue. If you want the menu same as desktop in the mobile version, then you need to edit the core file of the theme which take lot of time or you can concern to the developer or you can purchase the customization package, then if you face any problem, then please let us know.

    Thanks

    #22176
    gebseng
    Participant

    Hi Gebhard,

    Please use the above css because if you look your site in Firefox, then you can see the actual issue. And regarding the menu issue we are little bit confused, so could you please explain more about the issue. If you want the menu same as desktop in the mobile version, then you need to edit the core file of the theme which take lot of time or you can concern to the developer or you can purchase the customization package, then if you face any problem, then please let us know.

    Thanks

    Thanks for your patience! I’ll try to explain more clearly:

    At the moment, your theme seems to switch from the “regular” to the “mobile (collapsed)” header menu style if the width of the browser window (or the screen width on a phone/tablet) is 1024 pixels (points on retina devices) or less.

    I would prefer for this switch to occur only at 740 pixels (points on retina devices), so that the “regular” menu is still shown on ipads or on browsers in smaller windows, and that the “mobile” menu only shows on smartphone screens.

    best,

    Gebhard

    #22187
    Binaya D
    Participant

    Hi There,

    Please use the following css to fix your issue;

    
    @media screen and (max-width: 1030px) {
      .flat_responsive_menu > ul {
        display: block;
      }
    }
    @media screen and (max-width: 1030px){
      a.toggle_button_flat_responsive_menu:before {
       	 display: none;
      }
    }
    

    Note: Please use the custom css plugin or child theme to write the css.

    Thanks

    #22191
    Guido Kopkow
    Participant

    Hi,
    css fix will work well, if you change ‘max-width’ to ‘min-width’ :-).

    Guido

    #22192
    Binaya D
    Participant

    Hi There,

    That’s Great, if it work fine.
    Cheer 🙂

    Thanks

    #16812
    gebseng
    Participant

    Works like a charm, thanks a lot!

    Gebhard

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