Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3481418
Problem with banner in top
Closed

Comments

  •  8
    Lukasz started the conversation

    Hi,

    However, look, something is wrong with the banner in the header. I used this code:

    <figure class="wp-block-image size-full is-resized uag-hide-desktop uag-hide-tab"><a href="https://www.eurocamp.pl/" target="_blank" rel="noreferrer noopener"><img src="https://www.kierunekwlochy.pl/wp-content/uploads/2023/09/eurocamp-prawa-2024.jpg" alt="Eurocamp 2024, Kierunek Włochy" class="wp-image-38091" style="width:350px;height:292px" width="350" height="292" title="Eurocamp"></a></figure>
    <figure class="wp-block-image size-full uag-hide-mob"><a href="https://www.eurocamp.pl/" target="_blank" rel=" noreferrer noopener"><img src="https://www.kierunekwlochy.pl/wp-content/uploads/2023/09/eurocamp-2024-nowe.jpg" alt="Eurocamp 2024, Kierunek Włochy" class="wp-image-38092"></a></figure>
    

    OK is displayed on the home page:

    https://www.kierunekwlochy.pl/ 

    On the post page - also OK:

    https://www.kierunekwlochy.pl/jezioro-como-wlochy/

    However, on the "Category" page there are two banners at once:

    https://www.kierunekwlochy.pl/przewodnik/abruzja/

    How do I fix this on the category page?

  •  2,610
    PenciDesign replied

    Hi,

    Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

    .uag-hide-desktop {
        display: none;
    } @media only screen and (max-width: 767px) {
        .uag-hide-mob {
            display: none;
        }
        .uag-hide-desktop {
            display: block;
        }
    }

    Regards,
    PenciDesign.



  •  8
    Lukasz replied

    Thank you. This solved the problem.

    Look at one more detail: https://www.kierunekwlochy.pl/

    When the page is loaded, the main menu bar (the one under the logo) is light blue. If you move the cursor it changes to light beige/light brown.

    Somewhere two colors clash and when you move the cursor it changes to a different color. It should be light blue all the time.

  •  2,610
    PenciDesign replied

    Hi,

    In this case, please clear all the Critical CSS Cache, site caches and then check again.

    Regards,
    PenciDesign.


  •  8
    Lukasz replied

    Hi,

    It's not helping. Yesterday and today I cleaned critical CSS again, cleaned everything in LitesppedCache. There is still this error. The color of this menu bar must also be entered somewhere.

  •  8
    Lukasz replied

    Maybe this will be a clue for you: the problem only occurs for non-logged in users.

    If I am logged in, I see a blue background all the time.

  •  8
    Lukasz replied

    I scanned all the files in public_html/wp-content/themes/soledad for #f4efea - it's nowhere to be found.

  •  8
    Lukasz replied

    When I am logged in, the links in the TOP BAR are blue when hovered over.

    When I am not logged in (incognito mode), the links in the top bar are dark blue (like the background) when hovered over.

    Maybe the reason is the optimization option settings?

  •  2,610
    PenciDesign replied

    Hi,

    Please send me the screenshot that is related to this case.

    Regards,
    PenciDesign.


  •  8
    Lukasz replied

    I am attaching two screenshots.

    Screenshot 1:
    - I am logged in;
    - the top main menu has a blue background (correct);
    - in TOP BAR, the first link changes to blue after hovering the cursor (correct);

    Screen 2:
    - incognito mode;
    - the top main menu changes to brown (f4efea color) after moving the cursor;
    - in TOP BAR, the first link after hovering the cursor turns dark blue and is illegible.

    Attached files:  sol-1.png
      sol-2.png

  •  8
    Lukasz replied

    Additionally, I now set "Logo Padding Top & Bottom" to 25 (instead of 40). This change is only visible when I am logged in.

    However, those who are not logged in can see this change until they move the cursor. When they move the mouse, the padding returns from 25 to 40.

    I don't understand why these changes in header settings are only visible until you move the mouse.

    Attached files:  padding.png

  •  8
    Lukasz replied

    I found the reason! I had to clear my Cloudflare cache!

    Solved!