Illdy: Not Responsive @ IOS

Illdy
1

Dear Colorlib Support!

We are satisfied students which working on a student project regarding a sustainable blog.

After hours of try and error we now need support from your side because we can’t solve the issue with the logo which is not responsive using IOS on mobile devices.

www.nalezu.at

  1. Main issue -> Logo ≠ responsive (see attached screenshot)

  2. Second issue -> mobile menu = not working (see attached screenshot)

  3. Third issue -> standard menu = mouse over “white” is hiding text (see attached screenshot)

I hope you could help us and have some recommendations for custom css or further changes.

Best regards,
Christoph

2

hey there

Hope you are having a good day and thank you for your question :slight_smile:

  1. Logo - i can’t see this problem, logo is now appearing normally for me, is this problem resolved?
  2. Please add this CSS in appearance - customize - additional CSS

@media only screen and (max-width: 992px){
.responsive-menu ul li {
width: 100%;
height: 55px;
}
}

  1. use this cs:

#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li:hover > a {
color: #f1d204 !important;
}

Thanks!
Colorlib Support Team

3

Dear all,

thanks for your reply!

  1. the mobile menu is still not working → if you use your mobile device and use safari, firefox,… it`s not allways working

example: I open www.nalezu.at with Safari on IOS. It seem to work, BUT next time or if I refresh the Logo is not responsive any more. I have to refresh arround 10 times, then the logo is responsive again. If I switch to “Blog” the Logo is not responsive any more. After 10 times refreshing I change…

  1. the mobile menu sub items are still noit visible. Something changed with the custom css but now the white box which is hiding the submenu below “Blog” is now at the end of the menu -> see screenshot

Hope you have an idea? :slight_smile:

regards,
Christoph

4

Good evening

  1. Well, to be honest right now i dont have IOS device and its not possible for me to check the problem, but the logo is working normally for all my android devices and for all simulators i did tried, check this things, try our website and let me know if you have same problem on our demo, also, try to change the logo and check different image as a logo
  2. Yes i see… now, tell me what changes you made in the theme or what other css you have changed or added in the theme? :slight_smile:
5

hi!

  1. Ok → we will keep that issue on our todo list, maybee it is just a problem on my Iphone 6s…

  2. We use the following CSS:

hope you have an idea what the issue :slight_smile:

h3.widget-title {
display: none;
}

.entry-comments-no {
display: none;
}

.product_meta {
display: none;
}

#header .top-header .header-navigation ul li:hover a {
text-decoration: underline;
}

#header-logo-img logo-img {
max-height: 100%;
}

@media only screen and (max-width: 992px){
.responsive-menu ul li {
width: 100%;
height: 55px;
}
}

#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li:hover > a {
color: #f1d204 !important;
}

6

Good morning

Just for temporary, can you please remove child level menu elements from about us menu?

7

Dear! I have changed the css to:

#header .top-header .header-navigation ul .sub-menu li:hover > a {
color: #f1d204 !important;
}

the menu is still not working with mobile devices?

8

Good morning

Sorry, but that css will change nothing, please check my earlier response

9

ok sorry!

I use now your mentioned css. The menu is not working as you see @ www.nalezu.at

h3.widget-title {
display: none;
}

.entry-comments-no {
display: none;
}

.product_meta {
display: none;
}

#header .top-header .header-navigation ul li:hover a {
text-decoration: underline;
}

#header-logo-img logo-img {
max-height: 100%;
}

@media only screen and (max-width: 992px){
.responsive-menu ul li {
width: 100%;
height: 55px;
}
}

#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li:hover > a {
color: #f1d204 !important;
}

.post-meta-author,
.post-meta-comments{
display: none !important;
}

10

I mean the menu is not working on the smatphone and also during simulation wih chrome :frowning:

Hope you could help, we like this theme!

11

Good evening

Sorry, but im not about the css, try to detach menu elements from the about us menu, this theme is one-page theme,