This topic has 17 replies, 2 voices, and was last updated 9 years by 
-
-
Hi, Really nice theme by the way! You have included many options for customization which is great!
That said, I’ve been having 4 issues. I was wondering if you could assist?
1) The drop-down menu works in mobile however a user needs to click on the + sign. It does not drop-down if a user clicks on the link. Is this a bug or something you plan to improve usability.
2) Custom Headings run off the page in mobile. Shouldn’t it auto decrease in size to ensure it fits? Perhaps there’s some custom CSS that can be shared to make this happen.
3) I have buttons that are side by side on desktop and tablet but stack in mobile view. They do not stack evenly in mobile. The second button is more indented then the first button. Also I would like them to auto center in mobile. Perhaps there’s some custom CSS that can be shared to make this happen.
4) My fancy bullets are not appearing properly. For some reason they are not aligned with the icons. I can fix it in the “classic mode”, save it and it works but as soon as I make a new change in the “Builder mode” it reverts back. Is this a bug?
I fixed the fancy bullets problem by updating the k-elements plugin. That just leaves the other three mobile issues.
Hello, can you share admin credentials so i can check it out? 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Hello, for 1. Please try by adding this to style.css of child theme
COPY CODE@media (max-width: 991px) { #header .navbar-nav li .caret:after { font-family: "fontello"; content: "\e982"; font-size: 18px; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; right: 0; top: 0; padding-left: 250px; left: 0 !important; } #header .navbar-nav li.dropdown.open>a .caret:after, #header .navbar-nav li.dropdown-submenu.open>a .caret:after { content: "\e983"; padding-left: 200px; margin-left: 19%; } }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
That worked for number 1, Thank you!
Number 2 and 3 are real issues for me as well. Are you looking into this?
Thanks.
Hello, can you share some screenshots and screen size? 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Hi Laura,
I’ve attached two images of my mobile view. As you can see the custom headings are running off the page. I need to make that text decrease in size on mobile so it fits and not as big.
Also, the buttons are not aligned in mobile and I want them centred.
Thanks for looking into this for me 🙂
Hello, please try adding the following to style.css of child theme then change the font size for mobile as you prefer 🙂
COPY CODE@media (max-width: 991px) { h1.vc_custom_heading { font-size: 34px !important; } }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Here’s a screen grab of the buttons on mobile. Notice how they are not aligned and I also would like to center them for: @media (max-width: 667px)
This is what I came up with but it does not work?
@media (max-width: 667px) {
.btn kleo-scroll-to btn-highlight btn-lg {
position:absolute;
margin-left:50%;
margin-right:50%;
}
}Hello, try by adding a class to the element then apply that css to the element
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Hello, sorry for the delay, i can try to add the class to the element and apply the css but it will be only in the homepage. Let me know if you want to change it just for heading in homepage or all page headings 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Hello, glad you could resolve it !
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
The forum ‘Bugs & Issues’ is closed to new topics and replies.
