Mobile Menu Scrolling and Submenu - Support | Kriesi.at

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

Author

Posts
January 10, 2019 at 5:45 pm #1052387

Brautgalerie
Participant

Hi!

I have 2 problems:
When I open the menu on a mobile phone, it is possible to scroll down, although there are only a few points/links in the menu.
Is it possible to only let scroll the menu when there are too many points to be displayed on the screen?

Second: I modified the sub menu links so that they have a padding on the left. How do I do that for the “avia-bullet” which is on the left side of the sub menu links?

Thanks.

January 13, 2019 at 2:41 am #1053270
Mike
Moderator
Hey Brautgalerie,
Sorry for the late reply, to move the bullet over, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
```
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
    left: 100px !important; 
}
```
Best regards,
Mike
January 13, 2019 at 6:38 pm #1053391

Brautgalerie
Participant

Hi Mike
Thx, it worked. Do you also have any idea how to modify the space between the footer columns on mobile version? Or shall I open a new thread?

Regards
Tobi

January 13, 2019 at 10:21 pm #1053421
Mike
Moderator
Hi,
To reduce the vertical space between the footer columns in mobile, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
```
#footer .widget_text {
margin: 0px !important;
}
#footer h3.widgettitle {
padding-top: 0px !important;
margin-top: 0px !important;
}
```
Best regards,
Mike
January 18, 2019 at 9:02 pm #1055660

Brautgalerie
Participant

Hi,

thanks that worked. Do you any solution how to use separators together with text in the middle for the link below and the h2 tags “Anprobe”, “Brautkleid”, “Allgemein”, “Bezahlung”? So it should look like e.g. :

– Anprobe –
– Brautkleid –
etc.

Thank you

January 19, 2019 at 12:48 am #1055729

Mike
Moderator

Hi,
How long do you want the lines to be on each side of the text?
I do have a example that worked good using HR’s but I’m not sure how well it will work with the H2
Please see this solution

Best regards,
Mike

January 19, 2019 at 8:29 am #1055807

Brautgalerie
Participant

Hi,

separator plus Logo shall be about 50% of page width on all devices.

January 19, 2019 at 4:15 pm #1055877
Mike
Moderator
Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
```
@media only screen and (min-width: 768px) { 
.post-entry-49 .avia_textblock {
  line-height: 0.5;
  text-align: center;
}
.post-entry-49 .avia_textblock h2 {
  display: inline-block;
  position: relative; 
  line-height: 0.2; 
}
.post-entry-49 .avia_textblock h2:before,
.post-entry-49 .avia_textblock h2:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  top: 0;
  width: 200%;
}
.post-entry-49 .avia_textblock h2:before {
  right: 100%;
  margin-right: 15px;
}
.post-entry-49 .avia_textblock h2:after {
  left: 100%;
  margin-left: 15px;
}
}
@media only screen and (max-width: 767px) { 
.post-entry-49 .avia_textblock {
  line-height: 0.5;
  text-align: center;
}
.post-entry-49 .avia_textblock h2 {
  display: inline-block;
  position: relative; 
  line-height: 0.2; 
    padding-top: 0px !important; 
}
.post-entry-49 .avia_textblock h2:before,
.post-entry-49 .avia_textblock h2:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  top: 0;
  width: 75%;
}
.post-entry-49 .avia_textblock h2:before {
  right: 100%;
  margin-right: 15px;
}
.post-entry-49 .avia_textblock h2:after {
  left: 100%;
  margin-left: 15px;
}
}
```
Best regards,
Mike
Author

Posts

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

You must be logged in to reply to this topic.