Calin thank you for the clarification! I will stay tuned for the coming update then. It is kind of minor problem, but I am just kind of OCD person, who needs to fine-tune all possible details:D

Thank you for the report, assistance and your time.

Best regards
Zdenek

Yes! The scrolling function is okay, but the problem is in the menu bar, where it looks like you still are on th “Úvod” because even if the “Služby” scrolls you to correct part it doesnt stay “hovered/activated” with the blue color on menu bar.

In compare to Dental Studio Pro DEMO on your web it works like a charm correctly, so because of that I suppose there must be some hover/activation/focus functional error.

Look on the links with the pictures, which I have provided you in first feed of this topic – it is clearly visible.

Let me know what you think.

• This reply was modified 4 years by Z_V.

Hello Anamaria,
thank you for the CCS, but it was much more lines I had to put there to achieve same look as you have on your “Demo Website” for Dental Studio Pro.

But in case of any other guys, who would like to achieve the same look with Contact Form 7, here it is:


.td-dentist-contact-form input[type=text],
input[type=url],
input[type=tel],
input[type=email] {
background-color: #fff;
box-sizing: border-box;
border-radius: 2px;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 16px;
border: 1px solid #ccc;
padding: 6px 10px;
height: 38px;
width: 100%;
line-height: 1.3;
border-bottom-color: #1db4c1 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
border: none!important;
border-bottom-width: 1px!important;
border-bottom-style: solid!important;
border-bottom-color: #1db4c1!important;
border-radius: 0!important;
color: #444!important;
font-size: 14px!important;
height: 36px!important;
border-color: #eef0f3;
border-width: 0 0 1px 0;
border-radius: 0;
color: #243442;
font-size: 15px;
font-weight: 500;
}
.td-dentist-contact-form textarea {
background-color: #fff;
box-sizing: border-box;
border-radius: 2px;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 16px;
border: 1px solid #ccc;
padding: 6px 10px;
height: 38px;
width: 100%;
line-height: 1.3;
border-bottom-color: #1db4c1 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
border: none!important;
border-bottom-width: 1px!important;
border-bottom-style: solid!important;
border-bottom-color: #1db4c1!important;
border-radius: 0!important;
color: #444!important;
font-size: 14px!important;
height: 36px!important;
border-color: #eef0f3;
border-width: 0 0 1px 0;
border-radius: 0;
color: #243442;
font-size: 15px;
font-weight: 500;
height: 120px!important;
min-height: 120px!important;
}
input[type=text]:active,
input[type=url]:active,
input[type=tel]:active,
input[type=email]:active,
input[type=text]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=email]:focus {
border-color: #1db4c1 !important;
}

Feel Free to “clean it” as I am not a coder and I just try to somehow overtake it from your demo website of Dental Studio Pro.

Hi Calin,
I already have that piece of code, which sets the anchors. Unfortunately after “activation/clicking” on the menu item with code for anchors you provided, the menu item (eg. Services) doesn’t highlight. I suppose there must be a problem in CSS.

But I am not a programmer, just compared your website with my site and went through the development mode in internet browser:)

Let me know if you have any other possible solution on your mind.

I add:
.tdi_33 .tdb-menu > li:hover > a, .tdi_33 .td-subcat-more, .tdi_33 .td-subcat-more > .tdb-menu-item-text{
color: #aaaaaa;
}

To your CSS and It seems working, but If you can verify that I didn’t mess up anything else I will be really happy!

Thank you:)

Hello Anamaria!
Well it worked like a charm!

There is just little hatch, and that is – It turns off hover effect in my Top “STICKY” Menu with items “Domu, Lidé and Shop”.

Again you can compare it with my home page and with every other category.
On my homepage there is slightly graying hover effect, unfortunately after the application of CSS this hover effect is gone on very category site.

Can be tweaked the CSS code you posted to work it like this?

Sorry for my English, but I hope if you compare the Top Sticky Menu on my homepage with the any of the sticky menu in the categories you will see the difference.

Thank you for your help!

Adding an info: the unwanted hover effect also happen on the authors page.

Hello there,
I can confirm same issue on my website Social Counter for IG show 0 and If I try connect the IG through the theme panel I receive the error as follow: {“error_type”: “OAuthException”, “code”: 400, “error_message”: “Invalid scope field(s): basic”}

I would really appreciate solution for this issue.

Thank you.