Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 27, 2023 at 1:03 pm #1414667
    Daniela

    Hi there,

    I have two problems on my site:
    1. I want to increase the font size of the phone info in top bar, but no code seems to work. I tried 

    #top #header_meta * {
    font-size: 50px;
}

    and 

    .phone-info {
    font-size: 18px;
}

    but nothing changes.

    2. I want the size of the shopping cart icon of woocommerce to be increased in the main menu. I could not finde any css for this.

    Any help will be appreciated.
    Regards
    Daniela

    July 27, 2023 at 1:17 pm #1414670
    Daniela

    P.S.:
    Wollenhaupt

    July 27, 2023 at 3:24 pm #1414684
    Nikko

    Hi Daniela,

    1. Your code is correct but it’s not being fetched in the frontend, please go to Enfold > Performance, then disable CSS file merging and compression and Javascript file merging and compression.

    2. Please try to add this CSS code:

    #top #header_main #menu-item-shop .cart_dropdown_link {
    font-size: 25px;
}

    Default Size is 15px.
    Hope this helps.

    Best regards,
    Nikko

    July 28, 2023 at 7:14 am #1414730
    Daniela

    Hi Nikko,

    performance options are already disabled, as I knew this could be the cause. I also deleted site cache and browser cache.

    None of the code works.

    Regards,
    Daniela

    July 30, 2023 at 12:36 am #1414887
    Nikko

    Hi Daniela,

    I tried to check the CSS code if it’s added (css file url in private content) and it seems the code I gave you is added but you inserted it inside:

    @media only screen and (max-width: 768px){

    which basically means that you will see this code activated on mobile devices.
    Also, the @media CSS code is unclosed, so it could cause unpredictable issues.
    The codes you put in #1 is also not shown in the css file url, that’s why it’s not working.

    Best regards,
    Nikko

    July 31, 2023 at 1:17 pm #1415030
    Daniela

    Hi Nikko,

    great, thank you! I just did not see the missing closure of the media CSS!

    Now everything works!

    Thread can be closed.

    Regards
    Daniela

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Top bar styling and shopping cart icon’ is closed to new replies.