show regular header menu on ipad?

[gebseng]

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/

[Binaya D]

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

[gebseng]

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

[gebseng]

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.

[Binaya D]

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

[gebseng]

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

[Binaya D]

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

[Guido Kopkow]

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

Guido

[Binaya D]

Hi There,

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

Thanks

[gebseng]

Works like a charm, thanks a lot!

Gebhard

[Author]

Posts