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

[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

[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

[rbidevlop]

Hi Thanks for your reply.

Also I can see that fonts are not getting responsive on mobiles. You can see that my text size remains the same and doesnot resize on mobile phones, thereby making the text to break.

How do we resize the text on smaller devices to lets say o.5 times the desktop size?

Regards,

[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

[rbidevlop]

H Laura,

I will give you a detailed answer for the above question in some time. However,

A. The resize logo is not yet working on scrolling up, the logo size remains the same.

Please find my admin credentials here:

Website: meazrmatics.com
Username: meazrmatics
Password: GLMZR*8945

Additionally,

B. I have been really struggling to set up a blog just like kelp demo blog in masonry view: http://seventhqueen.com/themes/kleo/blog/

But am not able to find any details on it or import a demo of it.

I am trying to publish blog posts from the backend in the following formats like video, audio, quote, gallery, etc. but they don’t show the video in the front end like on the Kleo demo Blog in:

Check out this awesome Video (Video Post Type), “Courage is not the absence of fear, but rather the judgement that something else is more important than fear” ~ Ambrose Redmoon (Quote type Post) , Inspirational Audio track (Audio Post), etc.

Even when I chose the post type from backend to be Video, Audio or Quote etc. Still the posts are regular Check out my blog page which I have set up: http://meazrmatics.com/zlog/

Please help asap in how to create a blog similar to the Kelo demo blog, with video, audio, quote etc. post types in this view. Please use the admin login details given above.

Looking forward to an urgent response and support on both the issues.

Thanks and Regards,
Saurabh Gupta

[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

[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

[rbidevlop]

Hi,

The logo doesn’t resize itself to a smaller size in the sticky menu when scrolling up, the way it happens on Kleo Demo (http://seventhqueen.com/themes/kleo/). Even when we tried all settings.

So please make our logo meaZr{matics} resize itself to atleast 30% smaller in the sticky menu when the page is scrolled up http://meazrmatics.com/ I have sent you the admin login details earlier. I hope you have those. If you need them again please let me know.

Regards,
Saurabh

[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

[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

[Author]

Posts