Hi Andy,

I haven’t made any changes. Here the problem still exists. See below again print screen of the problem.

To be sure I checked in various browsers, since FF sometimes seems to render the site different from the other browsers, but they all show the same issue to me for screen heights under 786 px.

Did you check on (pc and tablet) screens with a height under 786 px?

Regards,
Monique

Hi Ismael,

Yes, like I mentioned in the first message of this topic, on smaller mobiles (msartphones) there is no sticky header and there it is not an issue.

The problem exists on tablets and pc, so larger screens than smartphones, where there is the sticky header.

Regards,
Monique

Hi Ismael,

I checked in on a tablet (landscape screen) and also on a various devices (pc, laptop) with screensizes 1024 x 768 px and 1024 x 600 px, and it shows everywhere where the screen height is under 786 px.

I think your solution means to show the top header already for all screensizes up to and inclusive 1024 px width? However that cannot be the intention of using a left sidebar layout… Then it would be better to go for the ‘normal’ header on top. But that is not what the client wants.

Therefore your idea is not a solution to this problem I’m afraid.

Can we solve this issue for the left sidebar layout or not?

Regards,
Monique

Hi Yigit,

I find it a bit strange that title bar (incl. breadcrumbs!) is disabled on left sidebar layout by default and that there is no topion to switch it on… :-(

I will discuss with my client what he wants.

You can flag this topic as solved.

Regards,
Monique

Thanks Ismael!

For the smaller screen widths (tablet, mobile) where the header is placed on top, that is a very nice solution!

However, it does not solve the issue on bigger screen width and a height of under approx. 786px. where the header is on the left. Can you change your screen size to (for example) below 786 px height and than see what happens? See also the print screen I previously submitted.

Looking forward to hear from you.

Regards,
Monique

Hi Ismael,

I haven’t changed anything to the settings / theme options. I checked in various browsers and saw the problem is the biggest on FF (see print screen). On Chrome, IE and Opera it looks slightly better since the title is readable, althoug not perfect (to my opinion). So it might be that you use another browser than me and that you don’t see the problem?

Regards,
Monique

Hi guys,

That is really a pitty :-(

The client decided to go for pagination, although it is not a good or preferred choice since the whole page will be reloaded each time you click next page and it starts again from top… The visitor then manually has to scroll down again to the portfolio slider.

Is there a solution when you click on next page, that the ‘new’ page automatically scrolls down to the portfolio slider again?

Thanks & regards,
Monique

Hi Rikard,

Like I mentioned above, we do not have a shop and we are not using WooCommerce. I think the Plugin Additions tab only appears when we install WooCommerce?

The slider we need should be for portfolio, not for products, but it should look the same :-)

Please advise.

Regards,
Monique

Hi guys,

This website is running fine now. You can flag this topic as solved.

Thanks & regards,
Monique

Hi guys,

First I deleted the database and all previous theme and child theme files. Then I did a fresh download for the theme (Themeforest) and child theme (your own website). Then installed WordPress and the fresh files for theme and child theme and all seems to work fine for now :-)

I hope I don’t run into the same issues again.

For now you can flag this topic as solved. Should I run into problems again, I will open a new thread.

Thanks & have a nice day!
Monique

Hey!

That is what I thought as well.
You can flag this topic as closed and if any more problems occur, I will open a new ticket.

Thanks a lot for all your help & have a nice day!
Monique

Hi Andy and Ismael,

You confuse me. What one of you is saying, the other one changes…

What I see now:
1) home page 990 px and up.
2) home page 768 px up to 989 px.
3) http://michiels-reusel.arti-sign.nl/home-mobile-up-to-767-px.jpg (@Andy, I checked in the weekend on my partners mobile and saw this, so the issues with mobile must have come form my own mobile).

To me that looks perfectly alright. What am I missing here?

@Ismael: are you really sure I need to make those changes? I don’t want to change something that is already good. Can the two of you check together please?

The code I have now put together from all your advise is:

#header .widget {
    transform: translate(0%);
    min-width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

@media screen and (min-width: 990px) {
.container.av-logo-container {
	display: none;
}}

@media screen and (max-width: 990px) {
#advanced_menu_hide {
display: none !important;
}}

@media only screen and (max-width: 990px) {
.responsive #top .logo {
    display: none;
}

.html_header_top.html_bottom_nav_header #header_main {
    padding-bottom: 20px;
}

#advanced_menu_toggle, #advanced_menu_hide {
    position: relative;
    right: auto;
    top: 30%;
    margin-top: -15px;
    margin: 0 auto;
}
}

Please advise.

Thanks & regards,
Moniuqe

Hi Andy,

1) Sorry, I thought it was useful (looks bashful).
You can see what I mean at http://michiels-reusel.arti-sign.nl/header-on-screen-size-smaller-than-990px.jpg. The upper grey bar is shown on all screen widths under 990 px and should not be there.
I cleared cache and refreshed many times, used different devices, tablets, smartphone, browsers et cetera, but it looks the same everywhere.

2) I wasn’t able to test yesterday. Will do that in the weekend and let you know.

Cheers,
Monique