Title: css code issue Last modified: December 28, 2020 --- # css code issue * Resolved [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * (@renemiranda123) * [5 years, 5 months ago](https://wordpress.org/support/topic/css-code-issue/) * If you look at my site on mobile phone i have 3 clickable buttons on page for phone call, venues and forms. * In the past those buttons were displayed prominently. Now when you scroll up or down it fades into background. * Not exactly sure how to describe it other than that * I added a screen shot of the css code used any maybe someone can see an issue * [https://bottle-service-las-vegas.com/afterhours/](https://bottle-service-las-vegas.com/afterhours/) * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-code-issue%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 14 replies - 1 through 14 (of 14 total) * [George Appiah](https://wordpress.org/support/users/gappiah/) * (@gappiah) * [5 years, 5 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13838109) * Hello, * 1) Your screenshot has the HTML code, not CSS. * 2) The buttons work correctly on the AFTER HOURS page where you have the screenshot, and on every other page I visited. The homepage seems to be the only place where it doesn’t work correctly. * 3) The likely reason for the problem is that the buttons (or their patent container) have a lower z-index value (a CSS code) than something else on the homepage. This might have been introduced by a page builder, something you added to the homepage, or maybe the problem has been there all along… just that you might have seen the buttons working on other pages and assumed it would work everywhere. * 4) I’m on the road now and responding from my cellphone. So I’m unable to check your site’s CSS code in the browser’s developer console and suggest a fix for you. Let’s hope someone else will jump in and help, else I’ll provide a fix myself when I get to a PC. * Hang in there! * Thread Starter [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * (@renemiranda123) * [5 years, 5 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13838146) * thank you and im excited to hear back from you * [Vlad](https://wordpress.org/support/users/vladytimy/) * (@vladytimy) * [5 years, 5 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13838254) * Hi, [@renemiranda123](https://wordpress.org/support/users/renemiranda123/) Awesome advice from [@gappiah](https://wordpress.org/support/users/gappiah/) * It seems that your site renders a special version only for mobile devices – as I was unable at first to see your problem when I simply resized my window on desktop. I had to reload it in mobile mode. Anyway, George is right – for some reason the `z-index` property on the home page is lower / not set at all. * Try adding this in Dashboard – Appereance – Customize – Additional CSS in the [Customizer](https://wordpress.org/support/article/appearance-customize-screen/) * ``` #mobile-info-container { z-index: 10000 !important; } ``` * You can learn how to use the [Chrome Developer Tools](https://developers.google.com/web/tools/chrome-devtools/) or [Firefox Developer Tools](https://developer.mozilla.org/en-US/docs/Tools) to help you see and test changes to your CSS. * Hope this helps, Kind regards! * Thread Starter [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * (@renemiranda123) * [5 years, 5 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13840644) * thank you very much, this worked out! Ive spend all of covid learning SEO and coding etc etc. Its dope that someone with as limited knowledge as myself can come here for assistance * [Vlad](https://wordpress.org/support/users/vladytimy/) * (@vladytimy) * [5 years, 5 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13840666) * Glad it worked! We are happy to help! Good for you that you’re learning new things! * If your question has been answered, we would love if you would mark this topic as resolved in the sidebar. This helps our volunteers find the topics that still need attention and more people will get helped, possibly like you did. * Thank you! * Thread Starter [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * (@renemiranda123) * [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13856371) * hey im having the same issue with those buttons not showing on a different site. I tried the same solution but it didn’t work. would you be able to help * [Vlad](https://wordpress.org/support/users/vladytimy/) * (@vladytimy) * [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13856399) * I guess you are talking about * [https://wordpress.org/support/topic/html-or-css-issue/](https://wordpress.org/support/topic/html-or-css-issue/) * I was very confused why you said there that it doesn’t work, since your last reply here stated _ this worked out_ until you posted minutes ago that it’s ** a different site**. Those two look so similar, it tricked both George and me! * Regarding your issue, on this **new** site on my end it works fine. The buttons are not hidden. They have a correct z-index value. Make sure you clear your browser’s cache or visit the site in an icognito window on your phone / different browser. This should fix it. * Regards. * Thread Starter [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * (@renemiranda123) * [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13856409) * ok sorry for the confusion and ill try that now * Thread Starter [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * (@renemiranda123) * [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13856432) * well i tried it and it works thank you * [Vlad](https://wordpress.org/support/users/vladytimy/) * (@vladytimy) * [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13856449) * Glad it works! * As a general rule, always clear cache when you want to test things after you made a change, especially if your website is optimized to be cached. Saves a lot of trouble. * Best of luck! * Thread Starter [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * (@renemiranda123) * [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13948599) * [@vladytimy](https://wordpress.org/support/users/vladytimy/) you have been very helpful i had 1 last question in relation to this mobile menu of mine. * over and over again I’ve tried to change the code on this mobile menu to read“ call now” and “book now” only as clickable items. * adjusting the code all i could get was “call now” and an elongated book now with no gold divider * currently it has call now, venues and book now. * Thread Starter [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * (@renemiranda123) * [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13948602) * sorry the above statement was for [@gappiah](https://wordpress.org/support/users/gappiah/) very sorry about that. * [Vlad](https://wordpress.org/support/users/vladytimy/) * (@vladytimy) * [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13948904) * Hi, [@renemiranda123](https://wordpress.org/support/users/renemiranda123/) * > I’ve tried to change the code on this mobile menu * Ideally, content change should be made from a theme’s file / options in the dashboard. Because you are using a child theme we don’t have access to, we can’t really help with that. * That said, here’s a CSS snippet that hides the 2nd item, adds a border right to the 1st one and makes them equal in width. It’s not ideal, but it should work. * ``` #mobile-info-container .mobile-info:nth-of-type(2) {display: none;} #mobile-info-container .mobile-info:nth-of-type(1) {border-right: 1px solid #DDB032;} #mobile-info-container .mobile-info {width:49%;} ``` * For further theme modifications, since you use a commercial theme (Divi), please go to their official support channel. We feel they are best equipped to support their products. * [https://www.elegantthemes.com/members-area/help/](https://www.elegantthemes.com/members-area/help/) * Forum volunteers are not given access to commercial products so, [commercial products are not supported in these forums.](https://make.wordpress.org/support/trouble/section-1-getting-started/what-is-not-supported/) * Hope this helps, Kind regards! * Thread Starter [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * (@renemiranda123) * [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13949043) * [@vladytimy](https://wordpress.org/support/users/vladytimy/) thank you Viewing 14 replies - 1 through 14 (of 14 total) The topic ‘css code issue’ is closed to new replies. ## Tags * [css issue](https://wordpress.org/support/topic-tag/css-issue/) * [footer issue](https://wordpress.org/support/topic-tag/footer-issue/) * [mobile site](https://wordpress.org/support/topic-tag/mobile-site/) * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/) * 14 replies * 3 participants * Last reply from: [ReneMiranda123](https://wordpress.org/support/users/renemiranda123/) * Last activity: [5 years, 4 months ago](https://wordpress.org/support/topic/css-code-issue/#post-13949043) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics