The responsive header menu has unclickable links if the width is 992px. The header menu is fine at 993px and behaves as a desktop menu with links. At 991px, the menu is clickable and behaves as a mobile menu with links.
But at 992px, the header menu doesn't know whether it wants to be a desktop or mobile menu, and all the dropdown links in the menu are not usable at all. Clicking on the links sends the visitor to the parent link page, and it doesn't open the dropdown menu to see the rest of the links.
I would fix the menu myself but obviously it isn't written in CSS and can't be fixed by customers (developers) of ThemeForest themselves, even when they are proficient in Wordpress, PHP, HTML, and CSS. I take it that this is something that was done in Javascript, JQuery, or PHP and there is no documentation for how to fix this broken menu header with unclickable links.
I have worked with many Themeforest themes but I have never seen a theme where I cannot fixed a broken responsive styling myself in the CSS. I HIGHLY SUGGEST you remove this limitation in the next update and let developers be able to fix broken menu headers in the future without having to contact support for an issue that takes 5 minutes to fix in CSS.
And no, I'm using a desktop, not laptop. The monitor's screen isn't a touchscreen, I just tested it. It's not my PC and it has Windows 10 installed, so maybe somebody turned on "touch" under the settings.
The font awesome icons for mobile disappeared from the header and body content areas. I hid the address header so it's not a big deal. On the body, I didn't see any "display: none", "visibility: hidden", font size too small code, wrong font family code, ect. in the CSS. I tried copying ".fa-gears:before, .fa-cogs:before content: "" from the desktop CSS to the Mobile media queries but it only shows up as a square.
Can you try to re-upload the style.css file again on your server. The FontAwesome icon values are defined in the style.css file, so if there are any issues with the icons it probably come from the style.css file.
May I ask what workaround did you find for this issue?
Yes, I can try re-uploading my style.cc file. My workaround was to download the FontAwesome Icons from the website, install the folder on the local server, add the FontAwesome script line to the header file, and then I had the CSS line for the FontAwesome ID number point to the icon such as:
Thank you for describing the workaround you found. In fact this is like including the FontAwesome library to the theme again. Please note that making changes to the template files (like editing the header file) will be overwritten when updating the theme, so it's not recommend to do that.
If you can try to re-upload the style.css file the issue with the icons will probably be fixed and you can remove the workaround. If this won't fix it can you provide me the link to your website so I can take a closer look?
The responsive header menu has unclickable links if the width is 992px. The header menu is fine at 993px and behaves as a desktop menu with links. At 991px, the menu is clickable and behaves as a mobile menu with links.
But at 992px, the header menu doesn't know whether it wants to be a desktop or mobile menu, and all the dropdown links in the menu are not usable at all. Clicking on the links sends the visitor to the parent link page, and it doesn't open the dropdown menu to see the rest of the links.
I would fix the menu myself but obviously it isn't written in CSS and can't be fixed by customers (developers) of ThemeForest themselves, even when they are proficient in Wordpress, PHP, HTML, and CSS. I take it that this is something that was done in Javascript, JQuery, or PHP and there is no documentation for how to fix this broken menu header with unclickable links.
I have worked with many Themeforest themes but I have never seen a theme where I cannot fixed a broken responsive styling myself in the CSS. I HIGHLY SUGGEST you remove this limitation in the next update and let developers be able to fix broken menu headers in the future without having to contact support for an issue that takes 5 minutes to fix in CSS.
Thank you!!! The new CSS Stylesheet fixed it!!!
And no, I'm using a desktop, not laptop. The monitor's screen isn't a touchscreen, I just tested it. It's not my PC and it has Windows 10 installed, so maybe somebody turned on "touch" under the settings.
Great! You're welcome.
That could be possible, for example if you're using the Chrome browser you can enable the device toolbar mode for testing and use a touch device.
Glad to hear it's working.
Let me know if you have any questions.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
The font awesome icons for mobile disappeared from the header and body content areas. I hid the address header so it's not a big deal. On the body, I didn't see any "display: none", "visibility: hidden", font size too small code, wrong font family code, ect. in the CSS. I tried copying ".fa-gears:before, .fa-cogs:before content: "" from the desktop CSS to the Mobile media queries but it only shows up as a square.
I found a workaround and got Fontawesome Icons to work on mobile again.
Hi there,
Can you try to re-upload the style.css file again on your server. The FontAwesome icon values are defined in the style.css file, so if there are any issues with the icons it probably come from the style.css file.
May I ask what workaround did you find for this issue?
Thank you,
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Yes, I can try re-uploading my style.cc file. My workaround was to download the FontAwesome Icons from the website, install the folder on the local server, add the FontAwesome script line to the header file, and then I had the CSS line for the FontAwesome ID number point to the icon such as:
i.fas.fa-cogs:before {
content: "\f085";
}
Hi there,
Thank you for describing the workaround you found. In fact this is like including the FontAwesome library to the theme again. Please note that making changes to the template files (like editing the header file) will be overwritten when updating the theme, so it's not recommend to do that.
If you can try to re-upload the style.css file the issue with the icons will probably be fixed and you can remove the workaround. If this won't fix it can you provide me the link to your website so I can take a closer look?
Thank you.
Best regards,
Barry
QreativeThemes.com | WordPress Themes