[Resolved] Border around elements (except home page)

Home Forums Support [Resolved] Border around elements (except home page)

Home Forums Support Border around elements (except home page)

Viewing 7 posts - 16 through 22 (of 22 total)
  • Author
    Posts
  • #2076096
    Elvin
    Staff
    Customer Support

    Can you link us to this exact page to inspect why it occurs?

    Note: Perhaps it’s a caching issue. You may wanna try clearing some cache first. 😀

    A wise man once said:
    "Have you cleared your cache?"

    #2076098
    Geoff

    Sure, it’s on all of the pages (except the home page where the border is turned off) when the web browser’s view is Zoomed smaller. In Firefox, it’s View-Zoom Out from the Menu.

    https://www.furrynation.com/photos-video/

    #2076099
    Elvin
    Staff
    Customer Support

    I see.

    On the hook element containing the element tag <div class="bordered-header">

    Try changing it to <div class="bordered-header grid-container">.

    This should match the sizing regardless of viewport size.

    A wise man once said:
    "Have you cleared your cache?"

    #2076103
    Geoff

    Thank you, I changed the hook element tag and I didn’t see a change (and I cleared the website’s cache). Do I change the CSS as well?


    @media
    (min-width: 769px) {
    .bordered-header {
    border: 2px solid #ffffff;
    border-bottom: none;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    }

    .bordered-header nav#site-navigation {
    border-bottom: 2px solid #ffffff;
    }
    }

    #2076104
    Elvin
    Staff
    Customer Support

    Thank you, I changed the hook element tag and I didn’t see a change (and I cleared the website’s cache). Do I change the CSS as well?

    Try clearing browser cache.

    I see the change on my end as shown here – https://share.getcloudapp.com/geudWAqn

    The issue was because the bordered header doesn’t have the max-width to match the rest of the content. (content has max-width of 1500px.)

    Adding grid-container class to the bordered-header adds this max-width so all the contents match in width.

    A wise man once said:
    "Have you cleared your cache?"

    #2076107
    Geoff

    Thank you, I’ll see if the client’s happy with the fix (even with the cache cleared, I see the border breaking when it’s zoomed out quite a bit, but the type’s super small). I appreciate your help! — Geoff

    #2076127
    Elvin
    Staff
    Customer Support

    No problem. Let us know how it goes. 😀

    A wise man once said:
    "Have you cleared your cache?"

Viewing 7 posts - 16 through 22 (of 22 total)
  • You must be logged in to reply to this topic.