Inquiry Regarding Custom CSS

  • Resolved ikwinder

    (@ikwinder)


    2 years, 2 months ago

    Hey team,

    Your plugin is the finest!

    I liked your plugin very much, but I want to reduce the font size and overall size of the navigation bar. The navigation bar is creating a little bit of an issue on mobile. While clicking on the next question, the screen goes to the navigation bar. Every time, you have to scroll down for the question. I want to fix this. Tell me custom CSS to reduce the size or to stop the screen from going to the navigation bar after clicking the next question.

    Also, is there any option or feature to add pagination to the navigation bar? I think it will fix this scroll-down issue.

    • This topic was modified 2 years, 2 months ago by ikwinder.
Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Jasmine

    (@hyenokian)

    2 years, 2 months ago

    Dear @ikwinder,

    Thank you for your topic.

    To reach your desired result, you will need to disable the Enable animation option. (General Settings > Animation Top)

    See the screenshot below:

    View post on imgur.com

    Also, you can add your desired size.

    Please, check and let us know about the outcome.

    Thank you.

    Thread Starter ikwinder

    (@ikwinder)

    2 years, 2 months ago

    Thank you so much for clearing my query and for your quick response. I have one more question. Can we add pagination to the navigation bar pages?

    Plugin Support Jasmine

    (@hyenokian)

    2 years, 2 months ago

    Dear @ikwinder,

    Thank you for your reply.

    If you are referring to the feature to display the Navigation Bar not for all the pages, unfortunately, at the moment, we do not have your mentioned feature available.

    But if we understand your request incorrectly, please provide us with more clarification, so that we can clearly understand it and help you in this regard.

    Thank you.

    Thread Starter ikwinder

    (@ikwinder)

    2 years, 2 months ago

    I am talking about pagination in the quiz Pro navigation bar of questions. Instead of displaying all question numbers, only the first 10 or a particular number of question numbers will be displayed. Because it takes up too much space on the mobile screen.

    • This reply was modified 2 years, 2 months ago by ikwinder.
    Plugin Support Jasmine

    (@hyenokian)

    2 years, 2 months ago

    Dear @ikwinder,

    Thank you for your response.

    At the moment, unfortunately, the mentioned feature is not available in the Quiz Maker plugin.

    But we will take your request as a suggestion and will let you know in case of adding it in one of the future updates.

    Let me know if you have any questions.

    Thank you.

    Thread Starter ikwinder

    (@ikwinder)

    2 years, 2 months ago

    Can we do this with custom CSS?

    Plugin Support Jasmine

    (@hyenokian)

    2 years, 2 months ago

    Dear @ikwinder,

    Thank you for the response.

    Please, note that you will not be able to reach your desired result with CSS.

    But you can try to add scrolling to the Navigation Bar.

    See the screenshot below:

    View post on imgur.com

    Let me know if I can be of any help.

    Thank you.

    Thread Starter ikwinder

    (@ikwinder)

    2 years, 2 months ago

    Can you please tell me how to add this ?

    Plugin Support Jasmine

    (@hyenokian)

    2 years, 2 months ago

    Dear @ikwinder,

    Thank you for the reply.

    To reach your desired result, you will need to add the below-mentioned CSS code in the Custom CSS field: 

    #ays-quiz-container-YOUR_QUIZ_ID .ays-quiz-questions-nav-content{
max-height:65px;
overflow-y:scroll;
}

    Make sure to change the YOUR_QUIZ_ID with the particular Quiz ID. That is if your Quiz ID is 3, it must look like this:

    #ays-quiz-container-3

    As you are using the Pro version of the plugin, for further questions, please contact us via this form. Our customer care specialists will always be happy to help you.

    Commercial products are not supported in these forums.

    Thank you.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Inquiry Regarding Custom CSS’ is closed to new replies.