Ok, Pradhana. This is going to be around about solution to your question, but the first thing that I believe that you would need to do is create a child theme. Go over to WordPress.org and do a little studying on how to create a child theme.
Then you’ll have to add a javascript file that is referenced from the functions.php file in the child theme. Once you get to this point, then you can start experimenting with Jquery to adjust the height of your logo. I would do a specific search on using Jquery to adjust the height of your logo.
I just googled “jquery to resize header logo on scroll down.” and got a nice list of options. Those jquery solutions is would go in the Javascript file that you add to your child theme. This should get you off into the right direction. Good luck!
Related Posts:
- Remove sticky behavior from top navigation on twenty fourteen theme?
- How to deal with logo color on dark mode?
- Twenty Fourteen: Unsticky header after making header bigger
- How do I add a search bar to my header?
- Extending content width with twentyfourteen theme
- How to add an RSS logo to my blogs header?
- why enqueued styles in header.php shows in footer?
- WordPress Twenty Fourteen Theme Sidebar
- How to change header dimensions in WordPress?
- Reduce white space in twenty fourteen
- custom header navigation has odd spacing [closed]
- Responsive issue with secondary logo – not sticking in position [closed]
- Where are the contents of WP_Head
- How can I selectively insert a header for my shop page in woocommerce? [closed]
- Remove top bar header
- Logo Keeps Changing to the Default for Transparent Settings
- How do I move my logo from the center to left (Pixgraphy theme)
- header background color changed after drop & import database in phpmyadmin
- How to Take Logo Out of Navigation Menu? [closed]
- Content alignment in Twenty Fourteen Theme
- How do I show a button only on my custom template page?
- Making a 1140px wide header logo in the twenty-ten theme?
- Twenty Fourteen Theme – Moving left sidebar to the right
- Put CSS on TOP, how?
- CSS does not take effects and it doesn’t show in inspect [closed]
- site-description css is overriden [closed]
- Hyperlink Underline using Border-Bottom Showing Up Under Site Logo Image
- What’s the difference between SCSS and Sass?
- How am I supposed to use index.html?
- Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- Adding border to SVG image
- What does !important mean in CSS?
- Set line spacing
- Remove blue underline from link
- CSS Background Opacity [duplicate]
- Outline effect to text
- Customize Bootstrap checkboxes
- Making a
- React.js inline style best practices [closed]
- What is a user agent stylesheet?
- What is a user agent stylesheet?
- Is there a CSS parent selector?
- CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
- Vertically align text within a div
- How to align a to the middle (horizontally/width) of the page [duplicate]
- Animate the overflow property
- Is there a color code for transparent in HTML?
- multiple classes on single element html
- CSS opacity only to background color, not the text on it?
- How do I center floated elements?
- create a white rgba / CSS3
- Using CSS for a fade-in effect on page load
- Gradient borders
- Superscript in CSS only?
- What is WebKit and how is it related to CSS?
- What’s the difference between display:inline-flex and display:flex?
- Making an iframe responsive
- How can I invert color using CSS?
- How to insert spaces/tabs in text using HTML/CSS
- font-family is inherit. How to find out the font-family in chrome developer pane?
- How to get these two divs side-by-side?
- How can I vertically center a “div” element for all browsers using CSS?
- What does auto do in margin: 0 auto?
- Does bootstrap have builtin padding and margin classes?
- How to change the color of an svg element?
- Changing spacing between paragraphs and inside of paragraphs
- Is there a color code for transparent in HTML?
- How to vertically align an image inside a div
- How can I center an absolutely positioned element in a div?
- Nesting CSS classes
- Applying Comic Sans Ms font style
- How to set up fixed width for
? - “Stray start tag footer” in html validator?
- How to change btn color in Bootstrap
- Make div scrollable
- Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
- Chrome give error **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** while other browser load images
- What is the difference between the selectors “.class.class” and “.class .class”?
- CSS: Creating textured backgrounds
- Insert image after each list item
- How to make the HTML link activated by clicking on the
- ?
- How to change text transparency in HTML/CSS?
- How do I hide the bullets on my list for the sidebar?
- limitations of using @Html.EditorForModel
- Transition of background-color
- How to implement max-font-size?
- How to float 3 divs side by side using CSS?
- How to override the properties of a CSS class using another CSS class
- HTML Width Percentage
- Circle button css
- force footer on bottom on pages with little content
- draw diagonal lines in div background with CSS
- How to add a color overlay to a background image?
- Change color of PNG image via CSS?
- css transition opacity fade background
- Better way to set distance between flexbox items
- Text-decoration: none not working
- How to set up fixed width for
? - How do I center an h1 in the body