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]
- Adding border to SVG image
- React.js inline style best practices [closed]
- Gradient borders
- Applying Comic Sans Ms font style
- how to offset a CSS border up and left
- Responsive Bootstrap Jumbotron Background Image
- SVG Fill Color Not Working
- How to change an input button image using CSS
- How to apply multiple transforms in CSS?
- Is it possible to center an inline-block element and if so, how?
- Need to make a clickable button
- CSS: background image on background color
- Set line height in Html
to make the html looks like a office word when
has different font sizes
- How to select label for=”XYZ” in CSS?
- margin: auto is not centering
- wp_head() gives me some weird CSS
- Style new block-editor alignfull class without scrollbars or overflow
- Changing title to lowercase [closed]
- how to make stylesheet appear in theme editor?
- How to change the order of the comment_form fields with css?
- Best way to install Bulma (CSS Framework) with WordPress and Genesis
- Include CSS with PHP without including wp-load?
- Loading different stylesheet on WordPress pages?
- Redoing home page but changes not taking effect
- How to create a custom CSS class for a specific page template?
- Gallery CSS Problem
- Older isotope portfolio rows shifting downward by 1 pixel on hover
- Shrink Header Image on Scroll
- Correct way to output styles gathered from theme or plugin settings?
- Remove extra white space bellow and above product short description in storefront woocommerce
- Inline Style attribute getting stripped off
- What does generate .less file? [closed]
- Can’t Display Table Headers in Responsive table layout
- Edit css for search results page
- Load jQuery only on home page
- how to hide submenus for the not active pages
- Why is the CSS horizontal alignment for divs inside div container not displayed in my WP Theme?
- node.js and webpack throws error when trying to setup node to watch theme folder for saved changes
- How to remove Author and Category from a single portfolio page? [closed]
- Unable to add logo or header [closed]
- why is my paypal button not clicable [closed]
- Change the search icon in twenty fourteen
- styling isnot working in wordpress theme
- Using True Type Fonts (ttf) [closed]
- Child Theme style.css changes aren’t showing. Parent “style-less.css” over rides it, and won’t update
- Broken css on mobile phones only on https
- WordPress CSS completely broken on IIS
- Trying to hide HENTRY (Author Meta Data) from a Post ID
- Probleme d’emplacement
- Getting and setting CSS variables with JQuery in WordPress backend fails
- Theme: Twentynineteen // How to exclude cookie-control triangle and star svg from being overwridden by theme css “svg { fill: currentColor; }”
- CSS does not Update
- Need help removing block of white space between footer widgets and footer [closed]
- How to make a sidebar form show at the top of page on mobile?
- Navigation menu disappears when I hover the mouse [closed]
- Menu reduce space between words
- add css to only body text
- Vertical aligning CSS pushes column to left [closed]
- Specific text not affected by CSS style [closed]
- Import HTML code that loads css and javascript into specific page
- checkbox function not working for dropdown menu
- How to change hover color on bulk-action-selector-top and bottom on wordpress admin?
- Replacing parent theme’s IE-specific CSS
- modify stylesheet of a particular page inside wp-admin
- Having Trouble Styling a Table in a WordPress Post
- Bootstrap 4 Optimization
- Hide certain div/ class only at front page
- How to remove post view count
- WordPress toolset css struggle
- How can I use Advanced Custom Field Option page in CSS WordPress
- How to avoid problems caused by new block-library default CSS rules (wp 6.1.1)
- Grid problem on privew mode
- Disabling double vertical scrollbar and horizontal scrolling?
- Customize margin between paragraphs using the Gutenberg Style editor