Experiencing four issues – drop-down menu mobile, Custom Headings mobile, Buttons mobile, fancy bullets.

[Activ8Press]

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?  

[Activ8Press]

I fixed the fancy bullets problem by updating the k-elements plugin. That just leaves the other three mobile issues.

[Laura]

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 solution

Laura 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 🙂

[Activ8Press]

This reply has been set as private.

[Activ8Press]

I was just wondering if you got my credentials to review the issues?

[Laura]

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 solution

Laura 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 🙂

[Activ8Press]

That worked for number 1, Thank you!

Number 2 and 3 are real issues for me as well. Are you looking into this?

Thanks.

[Laura]

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 solution

Laura 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 🙂

[Activ8Press]

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 🙂

Attachments:

You must be logged in to view attached files.

[Laura]

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 solution

Laura 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 🙂

[Activ8Press]

That’s prefect, that worked, thanks.

Now just then buttons, thanks.

[Activ8Press]

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%;
}
}

Attachments:

You must be logged in to view attached files.

[Laura]

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 solution

Laura 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 🙂

[Activ8Press]

I’m not sure I understand what you mean? Could you send CSS?

[Activ8Press]

Hi Laura, I haven’t heard from you in a couple days. Were you able to figure this out for me?

[Laura]

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 solution

Laura 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 🙂

[Activ8Press]

It’s ok I figured it out thank you for all your help.

[Laura]

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 solution

Laura 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 🙂

[Author]

Posts