Mr Case

Try switching themes to advertica-light. and see if it works there. If it does then its a theme problem.

at first you go here…

https://www.upcyclesociety.nl/language/en/

but it only works when this is in the url…

https://www.upcyclesociety.nl/language/en/en/home/

do you have the ‘home’ page set as the ‘front page’ in your reading settings?

Use the ‘inspect element’ feature on your browser. Mark your post as resolved.

in your ‘style.css’ file edit the following chunk of css:

.header-content-wrap {
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    -webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
    padding: 285px 0 210px; <------ EDIT THESE NUMBERS
}

The first number is the distance for the top. leave the zero alone. and the third number is the distance for the bottom. hope that helps.

Two pieces of code I posted are in your ‘style.css’ file. The media queries are usually found toward the bottom of the same file, but in your case this one is in a file called ‘responsive.css’

If you are having trouble finding where the code is in each file use ‘ctrl + F’ to find it.

It’s REALLY hard to answer your question without being able to see it. Can you paste some code?

Can you provide a link to your site?

Can you provide a link to your site?

Im not super familiar with your code but I did this:

.thumb-icon {
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    display: block;
    width: 32px;
    height: 32px;
    /* position: absolute; */ <---------COMMENTED THIS OUT
    bottom: 20px;
    left: 20px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4);
    box-shadow: 0 0 2px rgba(255,255,255,0.4);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

and this too:

.post-standard .post-thumbnail {
    /* margin-left: -230px; */ <---------COMMENTED THIS OUT
    /* max-width: 200px; */ <---------COMMENTED THIS OUT
    margin-bottom: 0;
    float: left;
}

and also this on your media query css:

@media only screen and (max-width: 719px) {
    .post-standard .post-thumbnail {
        /* margin-left: -120px; */ <---------COMMENTED THIS OUT
        /* max-width: 100px; */ <---------COMMENTED THIS OUT
    }
}

what happens when you “disable” the default options?

That means you don’t have “archive” there anymore! yay!

If you want to get rid of the empty sidebar altogether since you don’t have anything in it now, go to your ‘Biografia’ page from the admin section. on the right side you should see ‘page attributes’. If the theme has different templates to choose from, you can change the template that page uses. Try one without a sidebar.

If you aren’t seeing any of these changes being made try clearing your cache.

Im still not seeing it. Can you edit the css you have there? In style.css on line 2157 you can change this:

.block-post .portfolio-item img {
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    position: absolute;
}

to this:

.block-post .portfolio-item img {
    width: 100%;
    max-width: none !important;
    position: absolute;
}

that will make it the exact size of the image. so you see the whole thing.

It doesn’t appear that they are links. I think they just change color when you hover over them. Without looking at the admin section of that theme I don’t know if adding links to them is even an option.

you can add top padding to the body. As much as you want to get the effect you want. Just be sure to set it to 0 in the 767 media query.

body {
    padding-top: 160px;
}

and

@media (max-width: 767px) {
    body {
        padding-top: 0;
    }
}

that should get you by

Sounds like the link is empty. What is the URL to the site you are working on?