- This topic has 6 replies, 2 voices, and was last updated 5 years ago by .
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Clean Corporate Pro › The links on the front page slider do not show on the mobile version
The links on the front page slider are not showing on the mobile version. They show on the desktop, tablet or laptop, but not on the mobile.
As over 75% of people view on a mobile, it’s critical that these links show.
HOw do we make that happen?
Hello @lindajerlamgmail-com,
Adding the buttons in the mobile view will make the slider look bit congested so it is removed in the mobile view.
If you still want to display it then please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.
@media only screen and (max-width: 479px){
#main-slider .slider-buttons {
display: block;
}
}
Hope this helps.
Thank you.
Thank you. How do I change the background color of this button after entering it into the CSS.. I’ve changed the background color for it everywhere else on the site, so it appears the right color on desktop, tablet and mobile, but this one does not accept that color change.
Sorry, it does NOT show the right color on mobile, I meant to say it shows the right color on desktop and tablet.. NOT mobile.
Hello
Actually we are having problem understanding your exact issue. Can you please provide us with your site URL and screenshot of the issue that you have pointed so that we can provide you with a precise fix.
Best Regards!
Here is a link showing how the bar appears in BLUE ( the default color) on a mobile device.
The other 2 shots show how this bar appears on a desktop, laptop or tablet. I have changed the hover color to the gold, that is the color for the whole website. I need to change the blue ( as it is on the mobile) to the gold.
http://tracylynnmusic.com/cta-color-on-slider-action-bar/
Hello @lindajerlamgmail-com,
Please add below given CSS to change the color in the responsive device.
@media only screen and (max-width: 479px){
.slider-buttons a {
background: #dd9933 none repeat scroll 0 0;
}
}
Hope this helps.
Thank you.
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |