{"id":18050,"date":"2024-01-12T08:54:06","date_gmt":"2024-01-12T01:54:06","guid":{"rendered":"https:\/\/www.makewebeasy.com\/en\/blog\/?post_type=manual-4&#038;p=18050"},"modified":"2024-01-12T08:54:06","modified_gmt":"2024-01-12T01:54:06","slug":"customize-header","status":"publish","type":"manual-4","link":"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/customize-header\/","title":{"rendered":"Customize Header"},"content":{"rendered":"<p><b><span>Header<\/span><\/b><span> is the part that will be attached to every page of the website. It is the part that shows the logo. Show website menu, contact channels, social media, etc. The methods for customizing the header can be divided into 4 methods as follows.<\/span><\/p>\n<ul>\n<li><span>How to add header menu<\/span><\/li>\n<li><span>How to set header layout\u00a0<\/span><\/li>\n<li><span>How to customize the design\u00a0<\/span><\/li>\n<li><span>How to customize header background<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><b><span>1. How to add header menu<\/span><\/b><\/p>\n<p><span>1. Click on <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Sections on the website<\/span>\u201d\u00a0<\/span><\/strong><span>or click on the menu bar Header. <\/span><span>System Will show the Site Settings section on the website.<\/span><\/p>\n<p><span>2. Click on the button<\/span>\u00a0<strong><span>\u201c<span style=\"color: #00ffff;\">Manage<\/span>\u201d <\/span><\/strong>i<span>n header menu<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21513 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148-620x247.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148-620x247.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148-920x367.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148-1536x612.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148.png 1920w\" alt=\"\" width=\"620\" height=\"247\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148-620x247.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148-620x247.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148-920x367.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148-1536x612.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148.png 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Modal display system adds menu\u00a0<\/span><\/p>\n<p><span>4. Click the button<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Add Menu<\/span>\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21512 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149-620x271.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149-620x271.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149-920x403.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149-1536x672.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149.png 1919w\" alt=\"\" width=\"620\" height=\"271\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149-620x271.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149-620x271.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149-920x403.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149-1536x672.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-149.png 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>5. The system will display a Modal to add a menu.\u00a0<\/span><\/p>\n<p><span>6. Set the menu name and choose the type of menu you want\u00a0<\/span><\/p>\n<p><span>7. Click on the option (Dropdown). The system will display 3 options:\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b><span>Link (URL) :<\/span><\/b>\u00a0<span>\u00a0Used if the menu is an internal website. Click and the menu will go outside.<\/span><\/li>\n<li aria-level=\"1\"><b><span>Page :<\/span><\/b> If the menu has separate page for content, images, either custom design or product system.<\/li>\n<li aria-level=\"1\"><b><span>Anchor :<\/span><\/b>\u00a0<span>Used in the case where the website is a single page. Select the menu and scroll down to that section. We need to create the page menu and create a section first. When created, there will be an option.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21511 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150-620x312.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150-620x312.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150-920x463.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150-1536x772.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150.jpg 1917w\" alt=\"\" width=\"620\" height=\"312\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150-620x312.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150-620x312.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150-920x463.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150-1536x772.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-150.jpg 1917w\" data-sizes=\"auto\" \/><\/p>\n<p><span>7.1 When selecting<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">URL<\/span>\u201d<\/span><\/strong><span>\u00a0the system will prompt you to fill in link information as shown in the picture<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21510 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151-620x248.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151-620x248.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151-920x368.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151-1536x614.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151.png 1923w\" alt=\"\" width=\"620\" height=\"248\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151-620x248.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151-620x248.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151-920x368.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151-1536x614.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-151.png 1923w\" data-sizes=\"auto\" \/><\/p>\n<p><span>7.2 When selecting\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Page<\/span>\u201d<\/span><\/strong><span>\u00a0the system will select the page as shown in the picture<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21509 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152-620x249.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152-620x249.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152-920x370.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152-1536x617.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152.png 1914w\" alt=\"\" width=\"620\" height=\"249\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152-620x249.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152-620x249.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152-920x370.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152-1536x617.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-152.png 1914w\" data-sizes=\"auto\" \/><\/p>\n<p><span>7.3 When selecting\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Anchor<\/span>\u201d <\/span><\/strong><span>the system will allow us to select the page and section as shown.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21514 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154-620x249.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154-620x249.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154-920x369.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154-1536x616.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154.png 1916w\" alt=\"\" width=\"620\" height=\"249\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154-620x249.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154-620x249.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154-920x369.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154-1536x616.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-154.png 1916w\" data-sizes=\"auto\" \/><\/p>\n<p><span>8. Click on the button<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Save<\/span>\u201d<\/span><\/strong><span>\u00a0The system will display the menu that we created<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21508 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153-620x245.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153-620x245.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153-920x364.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153-1536x608.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153.png 1918w\" alt=\"\" width=\"620\" height=\"245\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153-620x245.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153-620x245.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153-920x364.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153-1536x608.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-153.png 1918w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>2. How to set header layout<\/span><\/b><\/p>\n<p><span>1. <\/span><span>Click on the header menu<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21521 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156-620x302.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156-620x302.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156-920x448.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156-1536x748.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156.jpg 1921w\" alt=\"\" width=\"620\" height=\"302\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156-620x302.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156-620x302.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156-920x448.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156-1536x748.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-156.jpg 1921w\" data-sizes=\"auto\" \/><\/p>\n<p><span>2. Click on the Layout section. The system will display 4 header format<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21520 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157-620x299.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157-620x299.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157-920x443.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157-1536x740.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157.jpg 1918w\" alt=\"\" width=\"620\" height=\"299\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157-620x299.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157-620x299.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157-920x443.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157-1536x740.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-157.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3.Click on<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Header layout<\/span>\u201d (thumbnail) <\/span><\/strong><span>to select the desired menu style<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21519 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158-620x299.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158-620x299.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158-920x443.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158-1536x740.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158.jpg 1918w\" alt=\"\" width=\"620\" height=\"299\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158-620x299.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158-620x299.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158-920x443.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158-1536x740.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-158.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><b><span>in each form, <\/span><\/b><b><span>Users can click on\/off settings button. <\/span><\/b><b><span>The header menu can be displayed as follows.\u00a0\u00a0<\/span><\/b><\/p>\n<ul>\n<li aria-level=\"1\"><b><span>Stretch to full width:\u00a0<\/span><\/b><span>It is the part that makes the top menu stretch to full width<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21518 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159-620x228.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159-620x228.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159-920x338.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159-1536x565.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159.png 1920w\" alt=\"\" width=\"620\" height=\"228\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159-620x228.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159-620x228.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159-920x338.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159-1536x565.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-159.png 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21525 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62-620x235.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62-620x235.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62-920x349.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62-1536x582.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62.jpg 1844w\" alt=\"\" width=\"620\" height=\"235\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62-620x235.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62-620x235.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62-920x349.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62-1536x582.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-62.jpg 1844w\" data-sizes=\"auto\" \/><\/p>\n<p><em><span>Results in open case \u201cStretch to full width\u201d\u00a0<\/span><\/em><\/p>\n<ul>\n<li aria-level=\"1\"><b><span>Expand Menu :<\/span><\/b><span> Show all menus (no &#8216;more&#8217; menu)<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21517 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160-620x217.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160-620x217.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160-920x322.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160-1536x538.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160.png 1926w\" alt=\"\" width=\"620\" height=\"217\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160-620x217.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160-620x217.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160-920x322.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160-1536x538.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-160.png 1926w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21524 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-61-620x364.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-61-620x364.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-61-920x540.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-61.jpg 1196w\" alt=\"\" width=\"620\" height=\"364\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-61-620x364.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-61-620x364.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-61-920x540.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-61.jpg 1196w\" data-sizes=\"auto\" \/><\/p>\n<p><em><span>\u00a0 \u00a0 \u00a0 Open case results \u201cShow all menus\u201d (<\/span><\/em><em><span>Expand Menu<\/span><span>)<\/span><\/em><\/p>\n<ul>\n<li aria-level=\"1\"><b><span>Connect to section below<\/span><\/b><span> : Connect the header menu background image to the next section.\u00a0<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21516 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161-620x221.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161-620x221.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161-920x327.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161-1536x547.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161.jpg 1919w\" alt=\"\" width=\"620\" height=\"221\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161-620x221.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161-620x221.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161-920x327.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161-1536x547.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-161.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21523 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-59-620x304.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-59-620x304.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-59-920x451.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-59.png 1174w\" alt=\"\" width=\"620\" height=\"304\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-59-620x304.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-59-620x304.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-59-920x451.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-59.png 1174w\" data-sizes=\"auto\" \/><\/p>\n<p><em><span>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Result of open case \u201c<\/span><\/em><em><span>Connected to Section<\/span><span>\u201d<\/span><\/em><\/p>\n<ul>\n<li aria-level=\"1\"><b><span>Sticky on Scroll<\/span><\/b><span>\u00a0:\u00a0 When the Header bar is opened, the menu will scroll across the web page\u00a0<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21515 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162-620x221.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162-620x221.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162-920x328.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162-1536x548.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162.png 1916w\" alt=\"\" width=\"620\" height=\"221\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162-620x221.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162-620x221.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162-920x328.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162-1536x548.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-162.png 1916w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21522 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-60-620x259.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-60-620x259.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-60-920x385.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-60.jpg 1362w\" alt=\"\" width=\"620\" height=\"259\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-60-620x259.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-60-620x259.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-60-920x385.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-60.jpg 1362w\" data-sizes=\"auto\" \/><\/p>\n<p><em><span>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Results in the case of opening \u201cSticky on Scroll<\/span><span>\u201d\u00a0<\/span><\/em><\/p>\n<p><b><span>Tips<\/span><\/b>\u00a0<span>: When the menu is in mobile format, it will be in the form of three lines called\u00a0<\/span><strong><span>\u201cHamburger menu\u201d<\/span><\/strong><span>\u00a0You can choose the format in the mobile bar.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21526 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163-620x303.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163-620x303.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163-920x450.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163-1536x752.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163.png 1913w\" alt=\"\" width=\"620\" height=\"303\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163-620x303.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163-620x303.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163-920x450.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163-1536x752.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-163.png 1913w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3. How to customize the design\u00a0<\/span><\/b><\/p>\n<p><span>Users can turn on\/off Displaying various parts of information on the Heaader can be done by clicking on the tab<\/span><strong><span>\u00a0Header &gt; Design<\/span><\/strong><span>\u00a0 . The system displays opening\/closing the information as follows<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><span>Header menu<\/span><\/li>\n<li aria-level=\"1\"><span>Logo<\/span><\/li>\n<li aria-level=\"1\"><span>Cart<\/span><\/li>\n<li aria-level=\"1\"><span>Language<\/span><\/li>\n<li aria-level=\"1\"><span>Currency<\/span><\/li>\n<li aria-level=\"1\"><span>Social media<\/span><\/li>\n<li aria-level=\"1\"><span>Search<\/span><\/li>\n<li aria-level=\"1\"><span>Member\u00a0<\/span><\/li>\n<li aria-level=\"1\"><span>Top menu<\/span><\/li>\n<li aria-level=\"1\"><span>Text<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21535 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164-620x237.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164-620x237.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164-920x352.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164-1536x587.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164.png 1913w\" alt=\"\" width=\"620\" height=\"237\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164-620x237.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164-620x237.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164-920x352.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164-1536x587.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-164.png 1913w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.1 How to customize header menu<\/span><\/b><\/p>\n<p><span>1. Users can click<\/span><span>\u00a0on<\/span><strong><span> \u201cHeader Menu\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21539 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174.jpg 1919w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-174.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>2. The system will display Site Settings on the side, consisting of the current theme (My Theme) and a menu template (Template). The user can choose a style from the template. And you can adjust the design yourself according to item 3.\u00a0<\/span><\/p>\n<ul>\n<li><span>The current theme is the menu theme that users are currently using.<\/span><\/li>\n<li aria-level=\"1\"><span>A template is a set of system menu themes.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21538 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175.jpg 1919w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-175.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Users can customize the design by clicking on the button <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Custom design<\/span>\u201d\u00a0<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21537 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176.jpg 1919w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-176.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>4. The system displays Site Settings in 2 sections.<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><span>The design part is customizing the menu format.<\/span><\/li>\n<li aria-level=\"1\"><span>The text part is to modify the font style, font size, etc.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21536 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-173-620x717.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-173-620x717.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-173.png 784w\" alt=\"\" width=\"620\" height=\"717\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-173-620x717.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-173-620x717.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-173.png 784w\" data-sizes=\"auto\" \/><\/p>\n<p><b><span>4.1 Steps for customizing the menu format\u00a0\u00a0\u00a0<\/span><\/b><\/p>\n<p><span>1. <\/span><span>Click on the tab<\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Design<\/span>\u201d<\/span><\/strong>\u00a0<span> Customizing the main menu format (Design Main Menu) and the secondary menu (Design Sub Menu)<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21534 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165-620x270.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165.jpg 1920w\" alt=\"\" width=\"620\" height=\"270\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165-620x270.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-165.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>2. Click on <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Thumbnail Image<\/span>\u201d (<\/span><\/strong><strong><span>Layout)<\/span><\/strong>\u00a0<span>Main Menu (Design Main Menu) to change the menu display style<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21533 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166-620x270.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166.jpg 1920w\" alt=\"\" width=\"620\" height=\"270\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166-620x270.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-166.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Click <strong>\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d\u00a0<\/strong> to customize the background color , border color and menu separator color<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21532 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167-620x270.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167.jpg 1920w\" alt=\"\" width=\"620\" height=\"270\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167-620x270.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-167.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>4. Click on the Border Style option (Dropdowns) to select a border style. There are 3 border styles offered by system:<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><span>Square<\/span><\/li>\n<li aria-level=\"1\"><span>Rounded<\/span><\/li>\n<li aria-level=\"1\"><span>Rounder<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21531 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168-620x263.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168-620x263.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168-920x390.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168-1536x651.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168.jpg 1918w\" alt=\"\" width=\"620\" height=\"263\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168-620x263.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168-620x263.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168-920x390.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168-1536x651.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-168.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>5. Click on\u00a0 <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Thumbnail<\/span>\u201d (Layout) <\/span><\/strong><span>\u00a0Design Sub Menu to change the menu display style<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21530 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169-620x270.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169.jpg 1920w\" alt=\"\" width=\"620\" height=\"270\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169-620x270.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-169.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>6.Click on<\/span><strong><span>\u00a0\u201c<\/span><\/strong><strong><span><span style=\"color: #00ffff;\">Color Box<\/span>\u201d<\/span><\/strong>\u00a0 t<span>o customize <\/span><span>background color and background color<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21529 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170-620x270.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170.jpg 1920w\" alt=\"\" width=\"620\" height=\"270\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170-620x270.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-170.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>7. Click <\/span><span>Border style (Dropdowns) to choose the border style. There are 3 border styles offered by\u00a0 system:<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><span>Square\u00a0<\/span><\/li>\n<li aria-level=\"1\"><span>Rounded<\/span><\/li>\n<li aria-level=\"1\"><span>Rounder<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21528 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171-620x303.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171-620x303.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171-920x449.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171-1536x750.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171.jpg 1918w\" alt=\"\" width=\"620\" height=\"303\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171-620x303.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171-620x303.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171-920x449.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171-1536x750.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-171.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><b><span>4.2 Steps for customizing <\/span><\/b><strong><span>Text section<\/span><\/strong><\/p>\n<p><span>Click on the tab\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Text<\/span>\u201d <\/span><\/strong><span>to change the font style, font size, and font color of the main menu\u00a0<\/span><span>and secondary menu<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21527 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172-620x238.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172-620x238.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172-920x353.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172-1536x590.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172.jpg 1916w\" alt=\"\" width=\"620\" height=\"238\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172-620x238.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172-620x238.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172-920x353.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172-1536x590.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-172.jpg 1916w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.2 How to customize the website logo\u00a0<\/span><\/b><\/p>\n<p><span>1. Click on the logo<\/span><\/p>\n<p><span>2. The system displays Site Settings on the side.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21542 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177-620x229.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177-620x229.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177-920x340.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177-1536x567.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177.png 1920w\" alt=\"\" width=\"620\" height=\"229\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177-620x229.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177-620x229.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177-920x340.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177-1536x567.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-177.png 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21541 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178-620x230.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178-620x230.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178-920x342.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178-1536x570.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178.png 1918w\" alt=\"\" width=\"620\" height=\"230\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178-620x230.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178-620x230.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178-920x342.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178-1536x570.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-178.png 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Click on the button <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Browse<\/span>\u201d<\/span><\/strong> t<span>o upload a website logo image<\/span><\/p>\n<p><span>4. You can fill in the image size, width and height as desired.<\/span><\/p>\n<p><span>5. Click on the button<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Default<\/span>\u201d <\/span><\/strong>t<span>o set the logo as default\u00a0<\/span><\/p>\n<p><span>6. Turn toggle <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">On\/Off<\/span>\u201d<\/span><\/strong>\u00a0<span>for s<\/span><span>et up logo usage on mobile phones<\/span><\/p>\n<p><strong><span>Note :<\/span><\/strong><span>\u00a0Setting to use the same logo on mobile (Use the same logo on mobile)<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><span>OFF\u00a0 means using a mobile website logo style that is different from the desktop version.\u00a0<\/span><\/li>\n<li aria-level=\"1\"><span>ON means using the same website logo for both desktop and mobile.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><b><span>3.3 How to customize the shopping cart<\/span><\/b><\/p>\n<p><span>1. Click on the shopping cart icon.\u00a0<\/span><\/p>\n<p><span>2. The system displays Site Settings on the side.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21543 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1-620x237.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1-620x237.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1-920x352.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1-1536x587.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1.png 1918w\" alt=\"\" width=\"620\" height=\"237\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1-620x237.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1-620x237.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1-920x352.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1-1536x587.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-179-1.png 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21544 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1-620x249.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1-620x249.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1-920x369.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1-1536x617.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1.png 1723w\" alt=\"\" width=\"620\" height=\"249\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1-620x249.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1-620x249.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1-920x369.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1-1536x617.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-180-1.png 1723w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. You can click on <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">layout<\/span><\/span><span>\u201d <\/span><\/strong><span>to select the design of the shopping cart<\/span><\/p>\n<p><span>4. You can click on <strong>\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d <\/strong>to set the color of the shopping cart icon. and number colors.<\/span><\/p>\n<p><span>5. Click on the option<\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Cart Size<\/span>\u201d<\/span><\/strong>\u00a0<span>to select the size of the shopping cart icon<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.4 How to customize the language (nation) flag\u00a0<\/span><\/b><\/p>\n<p><span>1. Click on the picture of the national flag of the language.\u00a0\u00a0<\/span><\/p>\n<p><span>2. The system displays Site Settings on the side.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21547 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181-620x229.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181-620x229.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181-920x340.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181-1536x568.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181.png 1916w\" alt=\"\" width=\"620\" height=\"229\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181-620x229.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181-620x229.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181-920x340.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181-1536x568.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-181.png 1916w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21546 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182-620x232.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182-620x232.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182-920x344.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182-1536x574.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182.png 1921w\" alt=\"\" width=\"620\" height=\"232\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182-620x232.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182-620x232.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182-920x344.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182-1536x574.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-182.png 1921w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. You can choose the display format of the language by clicking\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Layout<\/span>\u201d<\/span><\/strong><\/p>\n<p><span>4. Click on the color box\u00a0 <\/span><strong><span>\u201cColor box\u201d<\/span><\/strong>\u00a0\u00a0<span>To set the background color <\/span><span>and the border color\u00a0<\/span><\/p>\n<p><span>5. Click on the tab\u00a0<\/span><strong><span>\u201cText\u201d<\/span><\/strong>\u00a0<span>to adjust c<\/span><span>haracters that can be displayed next to the national flag of the language<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21545 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183-620x233.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183-920x346.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183-1536x577.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183.png 1919w\" alt=\"\" width=\"620\" height=\"233\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183-620x233.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183-920x346.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183-1536x577.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-183.png 1919w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.5 How to customize the currency format\u00a0\u00a0<\/span><\/b><\/p>\n<p><span>1 Click on the currency picture.\u00a0<\/span><\/p>\n<p><span>2. The system displays Site Settings on the side.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21550 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184-620x233.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184-920x345.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184-1536x576.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184.png 1919w\" alt=\"\" width=\"620\" height=\"233\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184-620x233.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184-920x345.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184-1536x576.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-184.png 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21549 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185-620x233.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185-920x345.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185-1536x576.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185.png 1919w\" alt=\"\" width=\"620\" height=\"233\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185-620x233.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185-920x345.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185-1536x576.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-185.png 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Click on <\/span><strong><span>\u201c<\/span><\/strong><strong><span><span style=\"color: #00ffff;\">Layout<\/span>\u201d <\/span><\/strong><span>to select the format. On-demand display<\/span><\/p>\n<p><span>4. Click on <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d<\/span><\/strong> \u00a0<span>to set the background color and border color<\/span><\/p>\n<p><span>5. Click on the tab<\/span><span><strong> \u201c<span style=\"color: #00ffff;\">Text<\/span>\u201d<\/strong> to adjust the font style, size, color of the font both in normal format and Hover<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21548 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186-620x233.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186-920x346.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186-1536x578.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186.png 1918w\" alt=\"\" width=\"620\" height=\"233\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186-620x233.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186-920x346.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186-1536x578.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-186.png 1918w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.6 How to customize social media<\/span><\/b><\/p>\n<p><span>1. Click on the social media picture.\u00a0\u00a0<\/span><\/p>\n<p><span>2. The system displays Site Settings on the side, showing details as follows.<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><strong><span>Social URL)<\/span><\/strong><\/li>\n<li aria-level=\"1\"><strong><span>My Template<\/span><\/strong><span>\u00a0is the social theme currently used by users<\/span><\/li>\n<li aria-level=\"1\"><strong><span>Template<\/span><\/strong><span>\u00a0is the system&#8217;s social theme set<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21555 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187.jpg 1918w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-187.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Click on the button <\/span><span>\u201c<\/span><strong><span><span style=\"color: #00ffff;\">Manage<\/span>\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21554 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188.jpg 1918w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-188.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>4. The system shows Modal Settings open. and turn off social media display Users can enter the website&#8217;s contact link.\u00a0<\/span><\/p>\n<p><span>5. When clicking on the button <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Save<\/span>\u201d<\/span><\/strong><span>\u00a0the system displays social media photos in the upper menu section<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21553 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189.jpg 1919w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-189.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>6. Users can choose the design of social widgets from the template provided by the system<\/span><span>.\u00a0<\/span><span>If you want to design it yourself, click on the button<\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Custom Design<\/span>\u201d.<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21552 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190.jpg 1919w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-190.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>7. Users can click on <\/span><strong><span>\u201cLayout\u201d t<\/span><\/strong><span>o choose a social format according to your needs<\/span><\/p>\n<p><span>8. Click on <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d\u00a0<\/span><\/strong><span>to set the icon color (<\/span><span>Social widget color<\/span><span>)<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21551 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191-620x233.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191-920x346.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191-1536x577.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191.png 1917w\" alt=\"\" width=\"620\" height=\"233\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191-620x233.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191-920x346.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191-1536x577.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-191.png 1917w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.7 How to customize the search button style<\/span><\/b><\/p>\n<p><span>1. Click on the magnifying glass icon.\u00a0<\/span><\/p>\n<p><span>2. The system displays Site Settings on the side.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21557 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192-620x230.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192-620x230.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192-920x342.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192-1536x571.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192.png 1919w\" alt=\"\" width=\"620\" height=\"230\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192-620x230.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192-620x230.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192-920x342.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192-1536x571.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-192.png 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21556 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193-620x232.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193-620x232.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193-920x344.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193-1536x574.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193.png 1916w\" alt=\"\" width=\"620\" height=\"232\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193-620x232.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193-620x232.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193-920x344.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193-1536x574.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-193.png 1916w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Click on<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">layout<\/span>\u201d <\/span><\/strong><span>to select the display format as desired<\/span><\/p>\n<p><span>4. Click on <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d<\/span><\/strong>\u00a0\u00a0<span>To set the colors of the various sections in the search box\u00a0<\/span><\/p>\n<p><span>5. Click on the option<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Search size<\/span>\u201d<\/span><\/strong><span>\u00a0to set the size of the search box.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.8 How to customize the membership button style<\/span><\/b><\/p>\n<p><span>1. Click on <\/span><strong><span>\u201cLogin | Register\u201d<\/span><\/strong><\/p>\n<p><span>2. The system displays Site Settings on the side.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><span>The current theme is the member button style theme currently used by users.<\/span><\/li>\n<li aria-level=\"1\"><span>Template is a set of system member button themes.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21562 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194-620x311.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194-620x311.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194-920x462.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194-1536x771.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194.jpg 1920w\" alt=\"\" width=\"620\" height=\"311\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194-620x311.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194-620x311.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194-920x462.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194-1536x771.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-194.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. If you want a design m<\/span><span>ember button, <\/span><span>Click on the button\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Custom Design<\/span>\u201d\u00a0<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21561 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195-620x311.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195-620x311.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195-920x462.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195-1536x771.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195.jpg 1920w\" alt=\"\" width=\"620\" height=\"311\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195-620x311.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195-620x311.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195-920x462.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195-1536x771.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-195.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>4. The system displays Site Settings in 2 sections.<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><span>The design part is customizing the membership button style.\u00a0<\/span><\/li>\n<li aria-level=\"1\"><span>The text part is to modify the font style, font size, etc.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21560 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196-620x235.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196-620x235.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196-920x349.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196-1536x582.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196.png 1912w\" alt=\"\" width=\"620\" height=\"235\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196-620x235.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196-620x235.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196-920x349.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196-1536x582.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-196.png 1912w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21559 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197-620x235.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197-620x235.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197-920x349.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197-1536x582.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197.png 1912w\" alt=\"\" width=\"620\" height=\"235\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197-620x235.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197-620x235.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197-920x349.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197-1536x582.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-197.png 1912w\" data-sizes=\"auto\" \/><\/p>\n<p><span>5. Click on the tab <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Design<\/span>\u201d<\/span><\/strong><span> to c<\/span><span>ustomize the member button style.<\/span><\/p>\n<p><span>6. Click on <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Layout<\/span>\u201d<\/span><\/strong><span>\u00a0to select the member button display format as desired.<\/span><\/p>\n<p><span>7. Click on the option<\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Separators<\/span>\u201d<\/span><\/strong> <span>to set the separator format<\/span><\/p>\n<p><span>8. Click on the tab <\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Text<\/span>\u201d <\/span><\/strong><span>to customize the font style, size, and color of the font both in normal format and when hovering with the mouse.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21558 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198-620x233.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198-920x346.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198-1536x578.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198.png 1920w\" alt=\"\" width=\"620\" height=\"233\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198-620x233.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198-620x233.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198-920x346.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198-1536x578.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-198.png 1920w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.9 How to customize the t<\/span><\/b><b><span>op menu\u00a0<\/span><\/b><\/p>\n<p><b><span>Top menu<\/span><\/b><span>\u00a0is the menu located at the top of the website. Most are pages or other sub-menus that you want website visitors to see. Users can choose the font, size, font style, and color. You can also add or manage the top menu by yourself by customizing the top menu bar format as follows.<\/span><\/p>\n<p><span>1. Click on the menu <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Top menu<\/span>\u201d\u00a0<\/span><\/strong><\/p>\n<p><span>2. System shows Site Settings on the side<\/span>\u00a0<span>by showing header <\/span><span>menu and character customization and color\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21568 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199-620x226.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199-620x226.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199-920x336.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199-1536x561.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199.png 1918w\" alt=\"\" width=\"620\" height=\"226\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199-620x226.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199-620x226.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199-920x336.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199-1536x561.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-199.png 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Click on the button <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Manage<\/span>\u201d<\/span><\/strong> <span>to add menu to top bar<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21567 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200-620x226.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200-620x226.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200-920x336.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200-1536x561.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200.png 1918w\" alt=\"\" width=\"620\" height=\"226\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200-620x226.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200-620x226.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200-920x336.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200-1536x561.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-200.png 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>4. The system displays Modal Add Top Menu\u00a0<\/span><\/p>\n<p><span>5. When clicking the button<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Add Menu<\/span>\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21566 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201-620x230.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201-620x230.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201-920x341.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201-1536x569.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201.png 1917w\" alt=\"\" width=\"620\" height=\"230\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201-620x230.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201-620x230.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201-920x341.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201-1536x569.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-201.png 1917w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21565 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202-620x251.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202-620x251.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202-920x373.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202-1536x623.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202.png 1916w\" alt=\"\" width=\"620\" height=\"251\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202-620x251.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202-620x251.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202-920x373.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202-1536x623.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-202.png 1916w\" data-sizes=\"auto\" \/><\/p>\n<p><span>6. Set the menu name and choose the type of menu you want\u00a0<\/span><\/p>\n<p><span>7. Click on the option (Dropdown). The system will display 2 options:\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><span>Link (URL)<\/span><\/li>\n<li aria-level=\"1\"><span>Page<\/span><\/li>\n<\/ul>\n<p><span>8. Click on the button<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Save<\/span>\u201d <\/span><\/strong><span>The system will display the menu that we created<\/span><\/p>\n<p><span>9. Users can customize the font style, font size\u00a0<\/span><span>and font color a<\/span><span>s shown in the picture<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21564 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203-620x232.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203-620x232.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203-920x344.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203-1536x574.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203.png 1916w\" alt=\"\" width=\"620\" height=\"232\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203-620x232.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203-620x232.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203-920x344.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203-1536x574.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-203.png 1916w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.10 How to customize the text format<\/span><\/b><\/p>\n<p><span>1. Click on\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Text<\/span>\u201d<\/span><\/strong>\u00a0<span>on the top menu bar. to change the text<\/span><\/p>\n<p><span>2. Click on the button <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Edit Text<\/span>\u201d\u00a0<\/span><\/strong><\/p>\n<p><span>3. Modal display system to customize the design of the message. Users can customize the font style, font size\u00a0<\/span><span>as desired<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21563 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204-620x238.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204-620x238.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204-920x354.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204-1536x591.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204.jpg 1919w\" alt=\"\" width=\"620\" height=\"238\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204-620x238.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204-620x238.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204-920x354.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204-1536x591.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-204.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>4. How to customize the header background<\/span><\/b><\/p>\n<p><span>Users can customize the upper background in 2 parts:\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Header Background<\/b><\/li>\n<li aria-level=\"1\"><b>Top Bar Background<\/b><\/li>\n<\/ul>\n<p><b>4.1.Header Background<\/b><\/p>\n<ol>\n<li><span>Click on the tab <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Header Menu<\/span>\u201d\u00a0<\/span><\/strong><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21574 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-620x256.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-620x256.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-920x380.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-1536x634.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210.jpg 1915w\" alt=\"\" width=\"620\" height=\"256\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-620x256.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-620x256.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-920x380.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-1536x634.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210.jpg 1915w\" data-sizes=\"auto\" \/><\/p>\n<p><span>2. Click on the tab <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Header Background<\/span>\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21573 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-620x256.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-620x256.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-920x380.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-1536x634.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211.jpg 1915w\" alt=\"\" width=\"620\" height=\"256\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-620x256.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-620x256.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-920x380.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-1536x634.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211.jpg 1915w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. The Modal display system allows you to choose from 3 background formats:<\/span><\/p>\n<p><b><span>3.1 Transparent :<\/span><\/b><strong><span>\u00a0Transparent background<\/span><\/strong><span>\u00a0will become the background color of the website that we have selected<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21572 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212-620x255.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212-620x255.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212-920x378.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212-1536x631.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212.jpg 1921w\" alt=\"\" width=\"620\" height=\"255\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212-620x255.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212-620x255.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212-920x378.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212-1536x631.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-212.jpg 1921w\" data-sizes=\"auto\" \/><\/p>\n<p><b><span>3.2 Color :\u00a0<\/span><\/b><strong><span>Background color<\/span><\/strong><span> Users can choose the color they want by clicking on the color box<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21571 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213-620x255.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213-620x255.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213-920x379.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213-1536x632.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213.jpg 1921w\" alt=\"\" width=\"620\" height=\"255\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213-620x255.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213-620x255.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213-920x379.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213-1536x632.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-213.jpg 1921w\" data-sizes=\"auto\" \/><\/p>\n<p><b><span>3.3 \u200b\u200bGradient :<\/span><\/b>\u00a0<strong><span>Gradient background<\/span><\/strong><span>\u00a0Can choose 2 colors and choose Gradient Position as desired<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21570 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214-620x255.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214-620x255.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214-920x378.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214-1536x631.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214.jpg 1920w\" alt=\"\" width=\"620\" height=\"255\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214-620x255.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214-620x255.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214-920x378.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214-1536x631.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-214.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><b>4.2 Top Bar Background<\/b><\/p>\n<p><span>1. Click on the tab <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Header Menu<\/span>\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21574 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-620x256.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-620x256.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-920x380.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-1536x634.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210.jpg 1915w\" alt=\"\" width=\"620\" height=\"256\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-620x256.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-620x256.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-920x380.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210-1536x634.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-210.jpg 1915w\" data-sizes=\"auto\" \/><\/p>\n<p><span>2. Click on the tab <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Header Background<\/span>\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21573 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-620x256.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-620x256.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-920x380.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-1536x634.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211.jpg 1915w\" alt=\"\" width=\"620\" height=\"256\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-620x256.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-620x256.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-920x380.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211-1536x634.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-211.jpg 1915w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Click on <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d<\/span><\/strong> <span>to set the color of <\/span><span>Top Bar section or the top bar of the website<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21569 alignleft lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215-620x266.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215-620x266.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215-920x394.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215-1536x658.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215.jpg 1920w\" alt=\"\" width=\"620\" height=\"266\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215-620x266.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215-620x266.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215-920x394.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215-1536x658.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-215.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n","protected":false},"featured_media":0,"template":"","manual_category_v4":[1796],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customize Header - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/customize-header\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Customize Header - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Header is the part that will be attached to every page of the website. It is the part that shows the logo. Show website menu, contact channels, social media, etc. The methods for customizing the header can be divided into 4 methods as follows. How to add header menu How to set header layout\u00a0 How [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-148-620x247.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4\/18050"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/types\/manual-4"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=18050"}],"wp:term":[{"taxonomy":"manual_category_v4","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual_category_v4?post=18050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}