PWA
Install XTRA Theme PWA

Install our website's web application on your home screen for quick and easy access every time your are on the go.

Just tap Share then 'Add to home screen'Just tap Share then 'Add to home screen'
XTRA Tutorials
 
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer
Buy Theme
Changelog
XTRA WordPress Theme TutorialsYou arrived at the right place, How we can help you?
XTRA Tutorials
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer

How to Change Header Logo Size and Spacing?

Home Latest Posts How to How to Change Header Logo Size and Spacing?

Description and Screenshot

Step 1
XTRA

Changing the logo size and margins in the header

Here, we want to show how to resize the logo in the header and adjust the margin from all sides.



  1. Go to Theme Options > Header.
  2. Select a header where the logo is located.
  3. Change the size in this field.
  4. Adjust the margins here.



Logo

How to

headerlogologo styletheme options

FacebookXDeliciousLinkedinWhatsappTelegramEmailPrintShortlink
  • PreviousHow to Add a Widget to Your Sidebar

  • NextHow to Easily Change Header Logo Size and Spacing on Mobile Devices?

Related Posts ...

Placeholder

Add Brand or Category Subtitle to WooCommerce Product Archives

Theme Options
Placeholder

Control Heading Tags for WooCommerce Page Titles

Theme Options
Placeholder

WooCommerce Product Tabs Icons

Theme Options
Placeholder

Hide Title on Single Product Page

Theme Options
Placeholder

Add SVG Cursor Effect to Carousels

Theme Options
Placeholder

Header Popup Login and Registration Element Now with Advanced Settings

Theme Options

XTRA WordPress Theme

XTRA Popular WordPress Theme 2026

Recommended for you …

How to Create a Custom 404 Error Page: A Step-by-Step Guide?

11 June 2024

How to Fix 404 Error After Importing a Demo in WordPress Theme?

18 September 2024

How to Disable RTL Numbers on an English Language Website?

15 August 2024

How to Use Google Fonts Not Listed in Your Theme’s Font Library?

13 August 2024

How to Change WooCommerce Product Image Ratio and Sizes: A Complete Guide?

1 September 2024

How to Fix 404 Error on Portfolio Pages: A Step-by-Step Guide?

11 June 2024

How to Fix PHP Error 500: Internal Server Error in WordPress ?

17 September 2024

How to Fix HTTP ERROR 500: A Comprehensive Troubleshooting Guide?

14 June 2024
If you can't find your answer on this documentation
Submit a ticketSubmit a ticket
© 2025 XTRA WordPress theme documentation.
FacebookInstagramYoutubeDribbble
This website uses cookies to improve user experience.Accept and close
Download Xtra Theme Purchase Theme Xtra Theme Documentation Documentation Xtra Theme Videos Tutorials Video Tutorials Xtra Theme Support Center Support center Xtra Theme Showcase Showcase