Logo on mobil and contact-Formular - Support | Kriesi.at

Tagged: logo, mobil, overwrite, smartphone

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
August 11, 2017 at 9:32 am #837349

tiefenschaerfe
Participant

Hello!

I use enfold often. On all my websites the menue on smartphones is right to the logo, but not here: tiefenschaerfe.de
The Menue lays over the logo. Why?

And i have a scond problem on this site: the contact formular is on the left not in the middle.

I doesn´t found the reason! Please help.

best regards,
Susanne

August 11, 2017 at 6:26 pm #837579

Sarah
Inactive Moderator

Hey Susanne,

Thank you for using Enfold!

The menu and logo overlap happens sometimes because of menu item quantity or size. Please try the solution in this support documentation:

Menu overlaps logo on tablets

For your second concern, we will need to take a closer look at how you set up this page. May we have temporary access into this website please? Thank you!

Best regards,
Sarah

August 14, 2017 at 8:36 am #838480
tiefenschaerfe
Participant
Good morning!

I´m afraid the help doesn´t solved the problem. The link refer to an old version of enfold. The problem arised after the last update!
In this version the enfold function “Main Menu” is new. New too is Burger/Mobile Menü. Maybe the mistake is there?

For the second problem, look in the private content.

best regards,
Susanne
- This reply was modified 6 years, 11 months ago by tiefenschaerfe.
August 17, 2017 at 6:49 am #840253
Ismael
Moderator
Hi,

Thank you for the update.

Please remove the css modifications for the menu then go to the Enfold > Main Menu > General panel. Set the “Menu Items for mobile” to the second option then add the CSS code to force the mobile menu to display when the screen width is less than 1366px.
```
@media only screen and (max-width: 1366px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block;
  }
}
```
Best regards,
Ismael
August 19, 2017 at 8:08 am #841189

tiefenschaerfe
Participant

Hi,

on a windows phone it doens`t help! Can i go back to the enfold version before?

And: What is with the second problem? The contact formular is on the left not in the middle.

regards, Susanne

August 19, 2017 at 8:20 am #841194

tiefenschaerfe
Participant

Hello agein,
dispaly the menü as icon was not the troubleshooting!
I doenst have a probelm wiht the menü, i´m having a problem wth the logo size! That is to big on smartphones.
regards, Susanne

August 21, 2017 at 6:48 am #841863
Ismael
Moderator
Hi,

Thank you for the clarification.

Please add the following css code to adjust the size of the logo on mobile view.
```
@media only screen and (max-width: 767px) {
    .responsive .logo img {
        max-width: 80%;
        max-height: 80px;
    }
}
```
The contact form is not centered because of the following css modification.
```
form {
    width: 85%;
    margin: 1em auto;
}
```
Please remove it or replace it with:
```
form {
    width: 85%;
    margin: 1em auto !important;
}
```
Best regards,
Ismael
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.