Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 16, 2021 at 9:51 am #1325223
    schweg33

    hello together
    I have made a print screen
    (see below)
    is it possible to make the red circled arrow via css
    to show it bigger.
    when i do it with the font size the font gets too big
    so only change the size of the arrow.

    additionally i have a question
    if i refresh the mobile page then the height of the header changes,
    what am i doing wrong here

    thanks in advance
    kind regards
    Franu

    October 16, 2021 at 9:27 pm #1325257
    Mike

    Hey schweg33,
    Thank you for the link to your site and the screenshot, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .html_av-submenu-hidden .av-submenu-indicator:before {
    font-size: 20px;
}

    and adjust the font-size to suit.
    On your mobile layout the size of the logo container starts as 80px, due to some css you have:

        .responsive #top #header_main > .container .main_menu .av-main-nav > li > a,.responsive #top #wrap_all .av-logo-container {
        height: 80px;
        line-height: 80px
    }

    but then it changes to 96px due to some more css you have

        .responsive #header_main .container {
        height: auto !important;
    }

    I also not that your logo image leads to a 404 error: /wp-content/uploads/2021/10/logo-mobil-300x57-1.png
    the logo shown is from this css:

    /*Logo mobil kleiner*/
@media only screen and (max-width: 989px) { 
.logo img, .responsive .logo img { opacity: 0 !important; }
.logo a { background-image: url(/wp-content/uploads/2021/10/logo-mobil.png)!important; background-size: contain; background-repeat: no-repeat; background-position: -15% 50%; }}

    but the actual image is logo-mobil.webp
    So to correct all of this perhaps you should remove the last two css rules and update your logo image to the one that shows, then you won’t have the conflicting rules and images causing the change.

    Best regards,
    Mike

    October 16, 2021 at 11:39 pm #1325274
    schweg33

    Thank you Mike
    The code with refresh of the logo works great

    The code with the enlargement of the arrow fits too
    But:
    If I enter this code (below) in the Costomer Css.
    the background color disappears
    at the header on the PC

    Thanks and
    Kind regards
    Fran

    October 16, 2021 at 11:41 pm #1325275
    schweg33

    Sorry
    One more addendum

    When I change the arrow, can I also change the color of the arrow?
    for example to black

    October 17, 2021 at 12:04 am #1325278
    Mike

    Hi,
    To change the arrow to black please adjust the css to this:

    .html_av-submenu-hidden .av-submenu-indicator:before {
    font-size: 20px;
    color: #000;
}

    As for the header css, I didn’t mean for you to add it to your site, that css is already there, you should find and remove the css and correct your logo image in the theme settings.
    For example find this css and remove it:

     .responsive #header_main .container {
        height: auto !important;
    }

    this should keep your header from changing sizes on page load.

    Best regards,
    Mike

    October 17, 2021 at 8:24 am #1325297
    schweg33

    Hello Mike
    Many thanks
    Now everything fits prim

    I would also like to thank you for the great support you always offer.

    You can close this request

    Kind regards
    Franz

    October 17, 2021 at 1:01 pm #1325304
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘size of the arrow’ is closed to new replies.