Landing Page Details

Content

  1. Introduction
  2. Installing
  3. Insert Header Customizer To Your Theme
  4. Fonts
  5. General Settings
  6. Top Header
  7. Middle (Main) Header
  8. Bottom Header
  9. Logo Area
  10. Main Menu
  11. Submenus
  12. Breadcrumbs
  13. Page Title
  14. Searchbox
  15. Responsive Header
  16. Sticky Header
  17. Social Menu Icons
  18. Uninstall
  19. Support

Introduction

Header Customizer is a WordPress plugin developed by vmux which enables you to create your header by live previewing it at the same time. Only after you are happy with your settings, you can save and publish it safely. This Documentation is intended to help you configure and get the most of your Header Customizer.

Header Customizer is a premium WordPress plugin which can replace your WordPress header entirely, is responsive and also has a sticky feature. It enables you to have up to four layers of navigation in your header.

It’s purpose is to make your website more useful, user friendly and to improve the general look and feel, even on phones and tablets.

You can modify your header visually using WordPress Customizer API, which enables you to make changes to the header while looking at your website at the same time.

You may also want to look at my FREE plugin, the Lite version of the Header Customizer.

Installing Header Customizer

This plugin requires minimum WordPress version 3.4.

You can install Header Customizer via FTP (or copy it by any other techniques) in the following manner:

  1. Download the plugin from and extract the contents
  2. Copy the awesome-header folder to the /wp-content/plugins/ directory
  3. Activate the plugin through the Plugins page in WordPress dashboard
  4. Put following code inside your content:
    <?php echo apply_filters('hc_print_header', ''); ?>
  • Most of the time it would be in your header.php file, right after opening <body> tag

Next, using WordPress Customization you can start customizing! Simply inside admin area go to Appearance -> Customize. There choose Header Customizer pane to use this plugin’s features. I prepared you nice gif so you don’t feel confused:

Insert Header Into Your Theme

Simply insert following code right below <body> tag:

<?php echo apply_filters('hc_print_header', ''); ?>

And that is it. You’ll be able to see changes while modifying your header through Header Customizer!

How can I change fonts?

You can change fonts for the whole header, or specific parts of the header, i.e. for logo, site description, menus, breadcrumbs, search field, page title. Take a look at this presentation below for logo font family how easy it is:

If you need more font families, simply contact me here via email and I’ll add them ASAP! But remember, this plugin only supports Google Fonts for now.

General Settings

Header Customizer can replace your theme’s header and it can appear once a user scrolls down and your theme’s header disappears from sight (sticky option).

This panel contains following settings:

  1. Header width – width of the header content
  2. Stretch header width? – should header wrapper stretch the whole width of a browser?
  3. Header left position – if your header is sticky, you should use this option if you don’t want header to be horizontally on the center
  4. Margin top
  5. Margin bottom
  6. Margin left
  7. Margin right
  8. Google Font – choose font for the header; there are more specific options for fonts (e.g. only for logo area) but this is for the whole header at once
  9. Custom CSS – you can type any CSS here; make sure to start your CSS definitions with ”.hc-wrap {” so you don’t mess with other website’s CSS definitions

Here you can see some playing around inside General Settings (click on this image to see it fully enlarged):

Middle Header

Middle Header is section of Header Customizer which contains logo area (logo & description) and main menu (with submenus). You can customize following:

  1. Header type – how are your logo and menus placed; by default logo goes on the left side, while main menu goes to the right side of the header; you can set them both centrally aligned, or move menu to the left next to the logo
  2. Background color – background color of middle header, solid color with transparency set optionally through color picker
  3. Background image – background image of middle header (overrides background color)
  4. Background image repeat – background image of middle header (overrides background color)
  5. Background image attachment – the background-attachment property sets whether a background image is fixed or scrolls with the rest of the page; it’s great to set parallax effect for example if set to “fixed”
  6. Background image position – the background-position property sets the starting position of a background image
  7. Background image size – the background-size property specifies the size of the background images
  8. Padding (top/bottom) – padding of middle header so you can fit vertically your menu or logo nicely
  9. Padding (left/right) – padding of middle header so you can set the distance of inner content from left or right side of the screen
  10. Border top (and bottom, left, right) color – not visible until border width is set to at least 1 (one) pixel (px)
  11. Border top (and bottom, left, right) width – width of the border
  12. Top left (and bottom left, top right, bottom right) radius – border radius of the middle header

Here you can see some playing around with backgrounds inside Middle Header (click on images to see them fully enlarged):

Here you can see some playing around border radius of the Middle Header so it looks rounded>

Top Header

Top Header is another important section of Header Customizer. It contains (same as bottom header) left and right side, which goes centrally aligned when responsive mode is turned on (when your screen size is small, i.e. size set in Responsive Header panel). You can choose for both sides to have either: some other menu, breadcrumbs, current page title or search box. Following are settings that you can modify:

  1. Enabled? – is the Top Header enabled at all? (checkbox)
  2. Left menu side type – choose between menu, breadcrumbs, current page title or search box for the left side of Top Header
  3. Right menu side type – choose between menu, breadcrumbs, current page title or search box for the right side of Top Header
  4. Background color – same here as for Middle Header
  5. Background image – same here as for Middle Header
  6. Background image repeat – same here as for Middle Header
  7. Background image attachment – same here as for Middle Header
  8. Background image position – same here as for Middle Header
  9. Background image size – same here as for Middle Header
  10. Google font family – choose font family only for this (top) header; you may contact me if you need more fonts added
  11. Font size – choose font size only for this (top) header
  12. Border top (and bottom, left, right) color – same here as for Middle Header
  13. Border top (and bottom, left, right) width – same here as for Middle Header
  14. Padding (top/bottom) – same here as for Middle Header
  15. Padding (left/right) – same here as for Middle Header
  16. Link margin (left/right) – margins between links (for example menu items)
  17. Link padding – paddings (top, bottom, left, right) of all links
  18. Menu item padding (left/right) – left and right paddings of menu items only (if menu is set to one of left or right sides); applicable to LI (list) tags of menu
  19. Menu item padding (top/bottom) – top and bottom paddings of menu items only (same applies here)
  20. Link color (and hover color, background color, hover background color) – colors of links
  21. Text color – color of texts (“non-links”, i.e. breadcrumb’s last piece or page title)
  22. Link border color – all four (top, bottom, left, right) borders color; not visible until border width is set to at least 1 (one) px (pixel)
  23. Link border width – all four (top, bottom, left, right) borders width for links
  24. Link border radius – all four (top, bottom, left, right) borders radius for links
  25. Top left (and bottom left, top right, bottom right) radius – same here as for Middle Header

Bottom Header

Bottom Header is another important section of Header Customizer. It contains (same as bottom header) left and right side, which goes centrally aligned when responsive mode is turned on (when your screen size is small, i.e. size set in Responsive Header panel). You can choose for both sides to have either: some other menu, breadcrumbs, current page title or search box. Following are settings that you can modify:

  1. Enabled? – is the Bottom Header enabled at all? (checkbox)
  2. Left menu side type – same here as for Top Header
  3. Right menu side type – same here as for Bottom Header
  4. Background color – same here as for Middle Header
  5. Background image – same here as for Middle Header
  6. Background image repeat – same here as for Middle Header
  7. Background image attachment – same here as for Middle Header
  8. Background image position – same here as for Middle Header
  9. Background image size – same here as for Middle Header
  10. Google font family – same here as for Top Header
  11. Font size – same here as for Top Header
  12. Border top (and bottom, left, right) color – same here as for Middle Header
  13. Border top (and bottom, left, right) width – same here as for Middle Header
  14. Padding (top/bottom) – same here as for Middle Header (exists only if you’re currently not on front page)
  15. Padding (top/bottom) on front page – this is same as above except it’s only when you’re on home page! When you’re on page other than home or front (depends on your WordPress settings) then this option won’t exist
  16. Padding (left/right) – same here as for Middle Header
  17. Text color – same here as for Top Header
  18. Link color (and hover color) – same here as for Top Header
  19. Margins for menu items (left/right) – if menu is selected to be on left or right side, this will be their left and right margins
  20. Top left (and bottom left, top right, bottom right) radius – same here as for Middle Header

Logo Area

Logo area is part of your header which contains logo (as text or image link) and site description. Following are the settings you can modify:

  1. Logo image – image as your logo
  2. Logo type – set type of your logo: link image or link text
  3. Logo text – site title by default
  4. Maximum width – it’s useful not to stretch when header goes responsive
  5. Padding (top/bottom) – top and bottom paddings; play around to set it vertically nicely against main menu
  6. Google font family – for textual logo only
  7. Google font family for description – for description only
  8. Show logo area? – yes or no (checkbox); if you need to remove logo area completely
  9. Show logo? – yes or no (checkbox); if you need to remove logo only
  10. Show logo description? – yes or no (checkbox); if you need to remove description (tagline) only
  11. Site title color (and hover color) – if your logo is textual, set it’s color here
  12. Site description color – color of logo description (tagline)
  13. Site title font size – font size for textual logo
  14. Site description font size – font size for description (tagline)

Main Menu

Main menu is part of header which is placed inside Middle Header alongside with logo area. It’s submenus are placed within Main Submenus section. Following are the settings you can modify:

  1. Link color (and hover color, active color) – these options are only for link (<a> tags) colors; active color is color of a link when on current page
  2. Font size – font size of menu items
  3. Google font family – font family of menu items
  4. Show submenu arrows? – checkbox; show arrow pointing down for menu items which have submenus
  5. Menu margin left (and right) – margin left and right of the whole menu (not menu items!)
  6. Link background color (and hover and active background colors) – only for links
  7. Link border radius – only for links, so they can be “rounded”
  8. Menu item background colors (and hover, active background colors) – for list items (<li> tags!)
  9. Menu items padding (top/bottom) – list tag paddings, so you can align with logo area nicely
  10. Menu items padding (left/right)
  11. Menu items margin (top/bottom)
  12. Menu items margin (left/right)
  13. Menu links padding (top/bottom) – for links (<a> tags)
  14. Menu links padding (left/right) – same
  15. Menu item border top (and bottom, left, right) color – border colors for list items
  16. Menu item border top (and bottom, left, right) width – border width
  17. Menu item top-left (and top-right, bottom-left, bottom-right) radius – each of these options have possibility to exclude all other items except first or last item, so the whole menu looks “rounded” (take a look at the gif example below!)

To setup main menu, first you need to set any menu you have saved before to be placed to “HC Main Menu” location. Take a look at the following example:

Here’s how you can modify link colors for example:

Main Submenus

Submenus appear on hover or click on main menu items. There are up to four levels of submenus to choose how deep submenus will go. Many more options are here, so let’s list them below:

  1. Submenus depth – like stated previously, you can choose how many levels of submenus you’ve got
  2. Show submenu on mouse hover? – whether to click or hover main menu items or submenu items in order to show submenus; responsive header will always react on tap (click)
  3. Background color – background color of all submenus
  4. Min. width – minimum width that your submenus take; by default it’s set to auto
  5. Font size – font size of all submenu items
  6. Border color – border color of all four sides of one submenu column: top, bottom, left, right
  7. Border top (and bottom, left, right) width – four separate options for borders’ width
  8. Menu items border top (and bottom) color – border color of submenu links (except first one, or last one if it’s bottom color)
  9. Menu items border top (and bottom) width – border width of submenu links (except first one, or last one if it’s bottom width)
  10. Shadow – shadow set using CSS property box-shadow; it’s set in text field using full definition, e.g. 2px 2px 2px 2px rgba(85, 85, 85, 0.8) and when you make changes to any of the values you can see them live as you type

Breadcrumbs

Breadcrumbs are great for improving your website’s visibility on Search Engines and SEO. Header Customizer’s breadcrumbs implement data-vocabulary.org definition.

  1. Font size – font size of breadcrumbs only
  2. Google font family – font family for breadcrumbs only
  3. Show home page link? – whether breadcrumbs show link to home page; by default it does
  4. Separator text – separator character(s) which sit in between page links
  5. Separator color – color of separator text
  6. Separator margins (left/right) – separator margins

Note: Breadcrumbs are placed in Top or Bottom header, but first you need to activate any of them and place Breadcrumbs as left or right side menu, like so:

Page Title

Page title is very suitable to be placed on bottom part of the header. It shows page name of the current page. You can modify the following:

  1. Color – color of page title
  2. Show on home page? – whether to show title for home page
  3. Margin top/bottom
  4. Font size – font size of page title only
  5. Font family – font family of page title only

Note: To have page title you must select it as left or right side menu in Top or Bottom headers.

Search box should be integral part of your header if you would like to have it there instead of, for example, on sidebar. You can change many settings here:

  1. Color – text color only; color of typed text (not placeholder)
  2. Width – basic width of the box
  3. Font size – font size of search text
  4. Font family – font family of search text
  5. Background color – background color of the box
  6. Placeholder – placeholder of input field
  7. Border color – border color of the box
  8. Border width – border width of the box
  9. Padding top/bottom (and left/right) – paddings of input field
  10. Margin top (and bottom, left, right – margins of the box
  11. Border radius top-left (and top-right, bottom-left, bottom-right) – border radius of the search box

Note: To have search box you must select it as left or right side menu in Top or Bottom headers.

Responsive Header

Responsive header appears when your screen size (which you can also set) is small enough for your header so it transforms making it appealing for your phone or tablet. You can set following options:

  1. Responsive Width – width which defines breaking point between desktop and responsive header; when you load your website on screen sizes below this point your header will look “minified”
  2. Hamburger Color – “hamburger” icon appears instead of your main menu, which you can click on to show the menu on small screens but this time the menu items are ordered below each other

Sticky Header

And finally, the sticky header. As most of us are already familiar with this term, it means that your header “sticks” on top of your website even when you start scrolling down the content. Sticky header greatly improves bounce rate of your visitors. You can turn it off and on by simply check/uncheck the checkbox. For now you are presented with following settings:

  1. Is sticky header enabled? – as mentioned above, you can easily enable/disable sticky header with this checkbox
  2. Offset – in pixels, this is the distance how long you scroll until the header sticks to the top; it can also be set to zero so your header becomes sticky immediately
  3. Padding top/bottom for Top Header – paddings only for Top Header; this is very helpful so you can for example make header smaller in height when it becomes sticky (with nice transition effect)
  4. Padding top/bottom for Middle Header – same as point above but for Middle Header
  5. Padding top/bottom for Bottom Header – same as point above but for Bottom Header
  6. Show Top Header? – you can hide (or not) Top Header completely when the header becomes sticky
  7. Show Middle Header? – same as point above but for Middle Header
  8. Show Bottom Header? – same as point above but for Bottom Header

Social Menu Icons

On any of your menus you can add social media icon. How many icons are there you can see on this page. First you need to enable CSS classes for your menu items. If you don’t have it enabled here are the steps:

  • In admin area go to Appearance -> Menus. There check CSS Classes under “Screen Options”:

  • Then add class for any of your menu items like shown here:

    Again, what classes you can add here is displayed on this page.

  • This also can be done in Customizer on exactly the same location as you edit your Header Customizer, only in “Menus” section:

    There is no difference how will you add these classes, what’s important is that you enable CSS Classes field first under Screen Options.

    Here is how it all looks like in action:

Uninstalling

You can find uninstall (delete) option after you deactivate the plugin from the Plugins page. Keep in mind that when you delete Header Customizer you will also delete all of its color, menu and any other settings. If you only deactivate the plugin, its settings will remain and will not need to be entered again if plugin is re-activated.

Support

For support requests please use my support page. If you like the plugin, please take the time to rate it. It means a lot to me.

Changelog

  • 1.3.2 Add plain text option, like telephone number and such
  • 1.3.1 Added social menu icons (take a look on how to add them); small fixes for submenus
  • 1.2.0 More options for search box, like search icon, expand on click, etc.

Plugin created by Marko Jakic

Graphics by Dan Cozmuta

  • tacopimp

    2016-09-26 23:58:05
    Purchased Reply

    Plugin not working an no communication withthe author. I have sent emails with no response from the author.

  • vmux

    2016-09-27 18:40:25
    Purchased Reply

    Sorry couldn't answer earlier, will check later.

  • vmux

    2016-10-04 00:17:39
    Purchased Reply

    Hi, I need admin privileges to be able to edit your files. Let me know when you do it and I'll check it asap. Didn't have time for support in recent period, sorry!

  • diferenza

    2016-07-27 20:05:40
    Purchased Reply

    Hello, Just as guyhyams, I have a pre purchase question. I have a project right now for which I need to change the logo in different pages. Have you already implemented it in the actual version? Thank you very much.

  • vmux

    2016-07-27 20:11:03
    Purchased Reply

    Not at the moment.

  • westcoast411

    2016-09-23 20:25:57
    Purchased Reply

    unable to install plugin after installation Fatal error: Cannot redeclare hc_enqueue_scripts() (previously declared in /hsphere/local/home/aaalw70/gntbig.com/gntbig/wp-content/plugins/header-customizer-lite/header-customizer.php:52) in /hsphere/local/home/aaalw70/gntbig.com/gntbig/wp-content/plugins/wordpress-header-customizer/header-customizer.php on line 67

  • vmux

    2016-09-27 18:39:54
    Purchased Reply

    Hi, did you use free version of plugin previously?

  • fredfischer

    2016-11-26 06:29:42
    Purchased Reply

    I am trying to install Header Customizer. How come there is no automatic plugin install for this plug in? I have wasted hours of my time to upload the files to my serve. I have installed the Lite version. But I am still getting the following error. I have even deleted Use Any Font and it does not help. I am stranded. ERROR MESSAGE: Can't use function return value in write context in /.../wp-content/plugins/wordpress-header-customizer/inc/fonts.php on line 146

  • vmux

    2016-11-27 23:25:38
    Purchased Reply

    Send me your login credentials using contact form on this page please: https://codecanyon.net/user/vmux I'll try to help. Seeing this error, my guess is old PHP version.

  • businessvip

    2016-05-12 16:52:12
    Purchased Reply

    Hi, Pre sales question, is it compatible with Wordpress 4.5.2? Thanks

  • vmux

    2016-05-12 18:25:32
    Purchased Reply

    Yes it is, it's producing it's own content, doesn't matter what theme are you using. Only some other css may interfere, but this plugin's css all start with .hc-wrap so it won't mess your css, only can happen other way around (which is only theoretically).

  • businessvip

    2016-05-12 18:47:08
    Purchased Reply

    I'm using a premium template and it has a sticky menu, but I also need to have the top bar sticky. Can I achieve this with your plugin? I mean have the top bar and the menu stycky?

  • vmux

    2016-05-12 21:48:59
    Purchased Reply

    Yes, if you checked live preview you'd see that there for example is only top header sticky: http://beta.slashed.io/ You can make only middle, only top, or both, or with bottom.. basically 7 combinations if I count right.

  • PironSoft

    2016-06-07 00:39:53
    Purchased Reply

    the live preview isn't working .. please check ..

  • vmux

    2016-06-07 07:21:24
    Purchased Reply

    Yes, I had databases issue, will get resolved soon, sorry for that.

  • fredfischer

    2016-11-24 12:17:24
    Purchased Reply

    I just purchased the header customizer pro. Where is the zip file to install as a plugin in WordPress. I was able to install the Lite version through the plugin install. How do I install the pro version WITHOUT UPLOADING THE FILES MANUALLY. Also this plugin is has not been tested with the latest version of WordPress. I WANT MY MONEY BACK!!!!!!

  • vmux

    2016-11-24 19:23:11
    Purchased Reply

    When you unpack zip file there is directory named "wordpress-header-customizer" which is the plugin http://screencast.com/t/5wG5Izl8SI6 This is how plugins are packed on CodeCanyon. If you want your money back just request a refund.

  • johannes1000

    2016-11-21 00:47:38
    Purchased Reply

    Hi, i bought this plugin because i have no topbar in my theme as default, so i activate the topbar in your plugin, bit i get it not display? is this plugin not working with every theme? I'm using NIXE theme

  • johannes1000

    2016-11-21 01:45:10
    Purchased Reply

    Sorry i have not set the line of code in header.php, now it is working, but what i miss is in settings, you can't set top header without middle header, would be gereat if this option will come with this plugin, and as one other writen here, i realy miss set a widget in header!? I also have thinking this is possible, also i can't set any html code in header..!? Only small text and menu, search, thats not realy much for set a great looking header. Also please also do a setting for px width header not only %, only small themes have set % as page width.

  • johannes1000

    2016-11-21 02:11:44
    Purchased Reply

    How can i set html code in "Custom text" field for top header?

  • vmux

    2016-11-21 22:29:02
    Purchased Reply

    I'm aware that widget area is missing, will add it in future release. Width for header is in px, only if you leave it empty it will be 100% width by default. In Custom text you can put html tags which will be rendered when you publish your changes (in preview you'll see text with tags but you'll see it rendered upon publishing).

  • crashette

    2016-10-02 22:03:01
    Purchased Reply

    Hi, I purchased the pro version thinking that I would also be able to add widgets to the header but it doesn't seem to much more than adding things that can already be done with a little CSS. Is it possible to add custom widgets to the header and if so how? If not, is there any way that this can be added, even if I have to change the header.php or add some code? WP is certainly lacking in header area giving this plugin a ton of promise but flexibility and customization needs to be added, like being able to add customized widget areas. Please let me know.

  • vmux

    2016-10-04 00:12:15
    Purchased Reply

    There are many more settings in this (PRO) version. But I didn't put any widget areas unfortunately.. but I will! Current plan is to put many more options, but I have to plan accordingly. For now, there are filters for page title and breadcrumbs. If you need further assistance, please contact me on my page: https://codecanyon.net/user/vmux Best, Marko

  • fredfischer

    2016-11-25 06:42:30
    Purchased Reply

    I just purchased this plugin. How come there is no direct install through WordPress Dashboard? That said, I finally figured out how to upload the folder to my plugin directory. I see the Header-customizer in my plugin list, but when I go to activate it I get the following error: Fatal error: Can't use function return value in write context in /.../wp-content/plugins/wordpress-header-customizer/inc/fonts.php on line 146 Also, how do I insert the php code right below the body tag? Please help! Thank you.

  • vmux

    2016-11-25 20:44:18
    Purchased Reply

    What PHP version do you have installed on your server? Plugin requires at least 5.4.

  • danilovbranko

    2016-07-02 08:40:38
    Purchased Reply

    HI there... is there any trial version to try will it work on my website/theme ?

  • danilovbranko

    2016-07-02 09:14:36
    Purchased Reply

    or any kind of demo account... just to make sure that will meet my needs & expectations thank you

  • vmux

    2016-07-04 06:02:49
    Purchased Reply

    No, there is live preview with header and screenshots with gifs and extensive documentation. If you need something particular, please don't hesitate to ask. Best

  • fredfischer

    2016-11-25 06:42:30
    Purchased Reply

    I just purchased this plugin. How come there is no direct install through WordPress Dashboard? That said, I finally figured out how to upload the folder to my plugin directory. I see the Header-customizer in my plugin list, but when I go to activate it I get the following error: Fatal error: Can't use function return value in write context in /.../wp-content/plugins/wordpress-header-customizer/inc/fonts.php on line 146 Also, how do I insert the php code right below the body tag? Please help! Thank you.

  • vmux

    2016-11-25 20:44:41
    Purchased Reply

    Double post?

  • BaltimoreMartialArts

    2016-06-07 05:06:23
    Purchased Reply

    Will this plugin work with OptimizePress Version: 2.5.4.2? Thank you

  • vmux

    2016-06-07 07:20:01
    Purchased Reply

    It should work with anything, after you place the code written in description, the plugin will produce it's own content without interfering with anything.

  • guyhyams

    2016-04-29 19:57:00
    Purchased Reply

    Pre Purchase question: Though It is written, I have to ask, because it is very important and I need to make this point clear before I purchase your plugin. Can I change the logo image on each page? and will the plugin work with any premium theme? Or are there any restrictions? Thanks, Guy

  • vmux

    2016-05-02 18:35:20
    Purchased Reply

    1. Can I change the logo image on each page? Although it can be implemented, it’s not in this early version. So, no at the moment. 2. Will the plugin work with any premium theme? Yes, the plugin produces it’s own HTML independant on theme used. Some CSS may interfere as always but that’s fixable by extra CSS IF happens. 3. Or are there any restrictions? Like what? Not that I can think of. It uses Customizer API and you can easily modify look’n feel with live preview. All other user-requested settings may be added upon request.

  • veeco

    2016-06-13 23:05:40
    Purchased Reply

    testing your live preview, all i can see is wordpress installer.. do i need to install the demo first ?

  • vmux

    2016-06-14 07:25:48
    Purchased Reply

    No, my database got broken there, didn't fix it still. You don't need demo, you can see screenshots and gif images explaining how it works.

  • vmux

    2016-06-14 07:32:48
    Purchased Reply

    I changed demo with basic setup, it's responsive and not sticky.

  • chadbarchard

    2018-02-02 10:43:46
    Purchased Reply

    Hi. I have recently purchased this plugin, and although it seems like it could work perfectly, I am having trouble. My links/menu no longer shows up. Could you please help. website is https://bpej.ca

  • vmux

    2018-02-02 20:31:38
    Purchased Reply

    Hi, could you please try to deactivate all plugins, or try on default theme first? If then it's not working, you could send me your admin credentials through my profile page here: https://codecanyon.net/user/vmux

  • torresmj

    2016-03-17 21:26:50
    Purchased Reply

    For one thing, I don't know if i am doing somethg wrong but the logo won't resize correctly on a mobile device. I noticed other quarks that i will have to get back to you on.

  • vmux

    2016-03-17 21:29:22
    Purchased Reply

    Try disabling your plugins and see if it's fine. I see this thing http://screencast.com/t/oTvfxi1GLUu Which is injected into your html and is not part of my plugin.

  • vmux

    2016-03-17 21:30:06
    Purchased Reply

    Also, we should stick to one comment thread instead creating new one for same thing ;)

  • torresmj

    2016-03-17 21:53:11
    Purchased Reply

    okay. I will look shortly. And ok about point two, wasn't paying attention.

  • torresmj

    2016-03-17 23:12:31
    Purchased Reply

    alright, i've now disabled all the pugins but yours, it's still not resizing for whatever reason. maybe i missed a setting within your plug-in? don't know.

  • vmux

    2016-03-18 11:03:33
    Purchased Reply

    Hi, I updated some css a bit, so the logo image can scale. After it's approved you should receive notification and update the plugin then please.

  • torresmj

    2016-03-18 11:42:13
    Purchased Reply

    okay, i will wait for it. thank you! I have another question, I don't know if you would want me to start a new string or not.

  • vmux

    2016-03-18 20:24:28
    Purchased Reply

    just shoot it here.. there are potentially endless questions/ideas you can think of :) btw, i will add social icons tomorrow for menu items

  • torresmj

    2016-03-18 22:18:44
    Purchased Reply

    Awesome! I was wondering if you feel it's possible to recreate something like the below with your plug-in? The person I'm doing the site for wants his number up above on every page and this looks much nicer than my current option, placing it in the 2nd header. http://www.miamidermlaser.com/about-mdli/ I will try out the new plug-in later this morning.

  • torresmj

    2016-03-18 23:00:13
    Purchased Reply

    Okay, I downloaded the new plug-in and i still get the same result. Something else I noticed, the 100% width option does nothing when I enable or disable it. The plug-in has a lot of options. Should be great once all the bugs are ironed out.

  • torresmj

    2016-03-17 05:09:16
    Purchased Reply

    404 - Nothing to see here

  • torresmj

    2016-03-17 05:17:28
    Purchased Reply

    I did this, that took off the header. https://divibooster.com/hide-the-divi-theme-header/

  • torresmj

    2016-03-17 05:28:06
    Purchased Reply

    this is the site, http://54.152.117.104/ what i notice now is that menu doesn't go full width, i don't know if it is cause of padding or something. what a struggle

  • vmux

    2016-03-17 05:38:46
    Purchased Reply

    This address doesn't work for you?? http://codecanyon.net/user/vmux

  • torresmj

    2016-03-17 07:07:38
    Purchased Reply

    so now when I go to that link I no longer get a 404 error so it's working but all i see is, what appears to be, an image with you logo. nothing more but the site stuff.

  • torresmj

    2016-03-17 07:31:34
    Purchased Reply

    something else i just noticed now, when i resize the page the icon/logo doesn't resize when i go to moble format. at a glace, i don't see a control for the behavior other than a break point. sorry!

  • vmux

    2016-03-17 07:40:48
    Purchased Reply

    Scroll down you'll see a contact form.

  • torresmj

    2016-03-17 07:57:45
    Purchased Reply

    okay, sent the login info. ideally, I wouldn't have modified the header.php but I couldn't find where I could place the code otherwise.

  • vmux

    2016-03-17 19:45:09
    Purchased Reply

    Thanks I will look into it soon.

  • vmux

    2016-03-17 19:46:04
    Purchased Reply

    Actually what is the issue right now? You succeeded putting header into your theme?

  • motoress

    2016-06-10 07:46:14
    Purchased Reply

    Im thinking about buying your header customizer. Just to be clear, I can choose to use your header with my current header OR replace it. Either or yes? thanks.

  • vmux

    2016-06-12 03:03:09
    Purchased Reply

    Either.

  • torresmj

    2016-03-17 01:38:09
    Purchased Reply

    hi, do you have anything that speaks to making the plug-in work with Elegant Themes? I installed the plug-in and added the to the integration tab to the tag but it doesn't seem to do anything. i can see the plug-in is installed because it's in the customizer.

  • vmux

    2016-03-17 03:52:56
    Purchased Reply

    Hi, You don't add it TO the tag, you add it UNDER the tag. Is that how you did it? I'm not familiar with Elegant Themes so don't exactly know what is integration tab. You can send me (http://codecanyon.net/user/vmux) your wp-admin credentials so I take a look.

  • torresmj

    2016-03-17 04:25:51
    Purchased Reply

    I'm getting familiar with how the PHP files are written so I am not certain. I added it just below the opening of BODY tag, the odd thing is that I don't see an end /body tag as i would expect in html. I should add that I added this directly to the header.php, circumventing the theme. However, in reading I see that's it's better to create a child theme and modify it there but I'm not seeing how to do that so far. The risk in doing it manually is that the change it lost when i update the theme. In any case, my attempt failed because I received an error on the page so I must have put it in the wrong place.

  • torresmj

    2016-03-17 04:29:51
    Purchased Reply

    how do i send the credentials to that link?

  • torresmj

    2016-03-17 04:57:11
    Purchased Reply

    okay, i dug around some more and realized that i had put the code within the opening declaration of the BODY tag. i move it out and now i'm seeing things change as i make changes. however, i'm also seeing my existing menus with a new one under. i'm working to figure it out now.

  • vmux

    2016-03-17 05:04:54
    Purchased Reply

    You just need to remove your existing header. There is contact form on that page where you can send it.

  • torresmj

    2016-03-17 05:08:58
    Purchased Reply

    no, i get a NO PAGE FOUND