Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 10, 2019 at 5:45 pm #1052387
    Brautgalerie

    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

    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

    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

    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

    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

    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

    Hi,

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

    January 19, 2019 at 4:15 pm #1055877
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
    2019-01-19-091201

    @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.