SKT Spa – Section , Menu and display issues

[horacek.goran]

Hi,

1. Some of the sections such as price and book now are not displaying. www.presence.hr I narrowed it down to css problem. When in browser editor I change .plan-box{visibility:visible;}, and default is hidden, the content displays. But if I go and change it in the original css file, the content still does not show. It displays on mobile Samsung Galaxy s8 browser but not on Galaxy S6. Does not display on desktop browsers such as google chrome or edge.

Sections not showing
I changed custom-animation.css

.featured-box,
.home_section2_content,
.home_section3_content,
.home_section4_content,
.skt-feature,
.home_section6_content,
.cols1, .cols2, .cols3, .cols4, .cols5,
.home_section8_content,
.post-style4,
.our-products,
.plan-box{visibility:visible;}

2. Menu bars when viewed on mobile browser overlap the logo. When using PNG logo it’s fine but I changed the logo to SVG format and then it overlaps the menu bars. The menu than cant be clicked on.

Logo overlaps menu bars
I fixed it by changing from:

.header_wrap .center {
position: relative;
}

to

.header_wrap .center {
position: static;
}

Is that approach okay or you would advise me with a better one?

3. Rarely but it can sometimes display block boxes over the web page when viewing on desktop browser. Every couple of seconds it generates new boxes in different position. On other tabs and web pages never had this issue.

Black boxes on web site 1, Black boxes on web site 2

Could you please help me?

Thank you in advance!

[Sonnal S Sinha]

Send us WordPress admin details via sktthemes.net/contact and mention this forum URL while doing so.

Regards,
Shri

[Sonnal S Sinha]

Hi,

Resolved from our end.

Regards,
Shri

[horacek.goran]

The animations are missing and in Microsoft Edge the button “Book An Appointment” is not displayed correctly.

Missing button in Edge

P.S. The menu bars are still overlapped by logo and the menu can’t be clicked on, when viewed on mobile browser or you can see the problem by squeezing the horizontal size of a browser window.

[Sonnal S Sinha]

Okay checking. While we checked on Microsoft edge browser and it appeared fine.

Regards,
Shri

[horacek.goran]

I can confirm that the missing button in Edge is resolved. It displays fine now.

So the menu bars position in mobile browser are still causing the problem and the animation of sections is not displaying.

[Sonnal S Sinha]

This is done.

Regards,
Shri

[horacek.goran]

Great job on the menu. Still there are issues. Now the section with “Book an Appointment” is visible, but not animated and the Prices section is not displayed.

Prices Section Not Displaying

[horacek.goran]

One more thing. When viewing a page that already has a featured image set up, the header image looks really bad. Resolution wise and position wise. I would change the featured image size and crop but I am using it on the front page. Where it looks ok. In documentation it mentions headercode and custom fields, but I am having problems with inserting custom header image. Any tips with that? I would appreciate it! https://www.presence.hr/rezervacije/ Also noticed that the facebook widget is not displayed. Awesome theme otherwise and i hope you can get this resolved!

Featured image issue and widget not displaying

[horacek.goran]

Still the featured image issue is not resolved. The image is ok on mobile but on desktop it’s too large. Not to mention that on pages without one the menu is not visible and it looks bad.

Large featured image and menu not visible

Is there no sollution to this? It would be awesome if I could insert my own image on ceartain pages and for other purposes the default one remains. Hope this gets resolved soon. I know you must be busy but 10 days have already passed and it seems like you stopped working on it. Thank you in advance and love the fact that you fixed the section not displaying and now they are animated.

[Sonnal S Sinha]

Hi,

Kindly send us your FTP details (Username & Password) via sktthemes.net/contact

Regards,
Dave

[horacek.goran]

I solved it. If you could just help me with removing this green background and placing an image under the logo and menu. This issue appears when viewing on mobile browser.

Green background under logo and menu on mobile browser

I replicated the issue by increasing the zoom on a desktop browser. This is how it looks when I decrease the zoom and how I would like it to look:

Desired look

P.S. Sometimes the facebook widget is shown and sometimes it’s not.

Thank you in advance!

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.page .header { position: absolute !important; background: none !important;}
.page_head img { max-width:180% !important; width:180% !important;}
}

Regards,
Dave

[horacek.goran]

Thank you so much! 🙂 I reduced the size of a slider image, to match yours and now the slider title is crossing over the logo. Could you please help me fix this?

Slider title over the logo

Thank you in advance!! 🙂

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.nivo-caption { top:70% !important;}
.nivo-caption .title { font-size:25px !important;}
}

Regards,
Dave

[Author]

Posts