Resize Logo not Working on Scrolling Up

[rbidevlop]

I have enabled the option Resize Logo on Scroll and Sticky main menu to achieve the effect just like on the demo site http://seventhqueen.com/themes/kleo/ and  http://seventhqueen.com/themes/kleo/news-magazine/ where the logo resizes to smaller size on scrolling up. But in our case the header gets resized but the logo remains teh same size and looks bad in that header.

Tired to read the forums but it is all confusing. Please help asap.

[rbidevlop]

B. Also apart from the ticket above above, I need to know how to set the following options in the menu:

Like on the kleo demo site add “new” label to a menu item, highlight a menu item on scrolling up the way buy now turns to pink on scrolling up. The documentation seems to not contain these tricks or tutorials. For documentation we only have these: https://archived.seventhqueen.com/documentation/kleo , https://archived.seventhqueen.com/video-tutorials/kleo-video-tutorials

Is there some more documentation somewhere or tutorials that I am missing, please help with these asap.
Thanks

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, for the logo resize, did you resolve it? I see it fine 🙂
For the “new” we use

COPY CODE

<em>NEW</em>

next to the menu item name at Appearance > Menus

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 🙂

[rbidevlop]

Hi,

Thanks for your response however,

1. No the logo resizing is not happening in the header. See the original logo size in the header bar http://screenshot.net/ow4g0i2 remains the same on scrolling up as well http://screenshot.net/ewme3iy only the header bar size changes not the logo size. It remains constant. But on Kleo demo site, the logo size is bigger in the header bar http://screenshot.net/m63r0ul and on scrolling up it changes to smaller size http://screenshot.net/l0qznh8 along with the change in the header bar size. This is what I want.

2. I am not able to find any New icon or radio button to check in front of the menu item name at Appearance > menus, Do we have to type it along with the menu item name? then how do we make it look like on kleo menu in pink and boxed for Sidekick?

3. I also asked how to achieve this effect of a menu item turning to a different colour, (here pink for Buy Now) on scrolling up http://screenshot.net/le0z8ho

4. Also I am not able to understand how and where to design the mega menu for child items after selecting mega menu option for child items. There are no mega menu options and styling to choose from.

5. Please help infact I want to achieve something similar to the menu on Kleo demo site http://seventhqueen.com/themedemo/?product=kleo . Is there a demo for this menu which I can import exactly and then work on it.

6. Additionally, I am not able to find any tutorials or good documentation for Kleo apart from these: https://archived.seventhqueen.com/documentation/kleo , https://archived.seventhqueen.com/video-tutorials/kleo-video-tutorials . These really seem insufficient and do not describe anything in detail.

I am really looking forward to a helpful response to all these points.

Regards,
Saurabh

[Laura]

Hello 🙂
1- Can you share admin credentials so i can check it out? 🙂
2- Sorry, my bad, i meant we use this code

COPY CODE

<em>NEW</em>

, for example Menu item title: Projects

COPY CODE

<em>NEW</em>

3- You need the menu item id, what menu item you want to change?
4- The mega menu doesn’t have a styling options, what styling do you need? We can do that with css 🙂
5- We can do that with some changes 🙂 Just let me know what menu item
6- About documentation, we are working on it and creating a big knowledge base, until then please let me know any doubt and i will be happy to help you 🙂

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 🙂

[rbidevlop]

This reply has been set as private.

[Laura]

Hello, you can change that using css, what text do you want to change? you can add a class to those elements and i can give you a code for them 🙂

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 🙂

[rbidevlop]

This reply has been set as private.

[Laura]

Hello, you didn’t set it up as a blog, check the attached 🙂
The second attached is at Settings > Reading, you didn’t select the post page
As shown at the screenshot, to make the video appear at the front end blog page, you need to add it to media part at the post editor.

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 🙂

Attachments:

You must be logged in to view attached files.

[rbidevlop]

Thanks Laura for your support.

But still the issue of logo nor re-sizing on scrolling is pending and unresolved.

Kindly address the same as well at the earliest.

Regards,
Saurabh

[Laura]

Hello, what size do you need it to be? Right now i see it well when scrolling

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 🙂

[rbidevlop]

This reply has been set as private.

[Laura]

Hello, try adding the following code to style.css of child theme

COPY CODE

.is-sticky img {
    width: 60%;
}

🙂

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 🙂

[rbidevlop]

It works. Thank you so much 🙂

[Laura]

Glad it works 🙂

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