Hello,

Do you want to use the hamburger menu style for your site? If so, then go to Header Options > Header Style and select this style “Fullscreen Overlay” from the drop-down.
The mobile menu is designed to show up only when a certain screen width has been reached. That includes the mobile screen, portrait and landscape, ipad portrait layout. To change the current desktop menu to mobile requires css customization that is actually not needed knowing that you do have an option to achieve this.
Please try the above first and let us know if it’s ok.

Best regards!

Hello,

Sorry for the delayed reply

You can set fixed menu on Customizer->Sticky

We have one style for now, but we have in plan to add another one in next update

You can do this: Create a page with sidebar filters and on top filters and than hide the sidebar from mobile and the in-page filters from desktop.

You can change the carousel mobile version on js/codeless-main.js find for shopInit, there you can find a function carousel.

I will send you the code because I am not on pc now.

We will get all of them as suggestions and add them on next update :)

Thanks

Hello,

Please take a look at this video:

or read part of our documentation:
June – Header Config

June WordPress Theme comes with Header Wizard:

Header Wizard – We have created a new tool for our users to automatically select from 16 predefined headers. You can find the Header Wizard from Codeless Menu in the left navigation section of WordPress Administration Panel. Just click over the header you want to import. The header will be changed in 1-2 seconds!

Header Builder – After you have opened the Customizer Section you will be able to drag & drop builder elements.
Header is organised in 3 Rows: Top Header Row, Main Header Row, Extra Header Row. Each of these rows is organized in three columns: Left, Middle, Right. In that way it’s more easy for you to create your custom header layout. Easily drag and drop elements from one column to another or from one row to another row.

Each Header element on hover has two buttons: Element Header (can be used for drag and drop or for open options of that element) and delete button. You can customise text, as them at Top Header Row, with just clicking over the text !

Header Options:
Customizer -> Header:

-Layout
-Header Stretch: Stretch Header to Fullwidth or into the container
-Advanced: We recommend to use the header wizard for complicated layouts like Side Header
-Header Layout: Change the position of the header
-Force Center, Middle Column – Force center the middle column of Header Row, in that case it will not vary from the size of left or right column, it will be fixed.
-Boxed (Outer Header) – Make a boxed header layout, for example with shadow and overlap the content some pixels.
-Logo: Change between Image Logo and Font Logo
-Default Logo: the default site logo
-Logo Light: Should be used on header transparent with light color
-Logo height: change the height of the logo
-Responsive Options: Other options that can help you to set custom logos for various screen size
-Menu Style:
-Main Menu Style: Change between various menu style
-Space between Menu Items: Control distance between menu items (in pixels)
-Small dividers between menu items: Switch to add small vertical dividers between menu items
-Dividers Color: Color the color of small vertical dividers
-Hover & Active Item Styles: control how active( and hover ) menu item is styled
-Menu Item Active border Color: should be work on Menu Style with border (top,left,right,bottom)
-Menu Item Active BG Color: should be work on Menu Style with Background Color
-Menu Active Font Color – Change font color of menu items on hover and active state
-Main Menu Typography – Style Menu items on normal state
-Dropdown Typography
-Dropdown Items with submenu: style the title of Megamenu Columns Title
-Dropdown items typography- simple menu items on dropdown
-Mobile Menu Hamburger Icon Color – Change between light/dark color of menu icon on Mobile devices
-Main Header Row – This is the main centered row of the header. In this section you can customize everything about this section of page.
-Top Navigation Row – This is the top row of the header. In this section you can customize everything about this section of page.
-Extra (Bottom) Row – This is the bottom row of the header. In this section you can customize everything about this section of page. There is something special from other parts.
-Outer Boxed Row: if you active this option all styles (bg color etc) will be applied into the container. Useful to create a header layout like this: https://codeless.co/june/default/?page_id=992
-Force Center, Middle Column: if you leave this off and for example we have a navigation menu in the middle of the Extra bottom row and this menu is too large, it will be shown in two lines, overall design will be broke.
Use this option to solve the problem and expand the size of the middle container for your elements.

-Dropdown&Mobile Styles – Here you can edit styles of dropdown and menu dropdown in responsive.
-Sticky: Make your header sticky.
-Default Header Options: Set default header style, used specially for archives and categories. You can override these options for each page

How to make header transparent in one specific Page?
First of all we need a appropriate header for this purpose. We suggest you to use: https://codeless.co/june/default/?page_id=1446 (vendos dhe foto ketu). We have two possibilities to edit Page Options: On WordPress Pages and From the Customizer. All you need to do is to set the “Header Over Content (Transparent)” -> Transparent Header, and also “Header Color”-> Light.
You can access the section of page options from the customizer, by clicking the button in the bottom right corner. See image for more.

Hello,

Yes, please add this code to your custom css box:

@media (max-width: 1100px){
header#header #navigation { display: none !important;}
.mobile_small_menu { display: block !important;}
#logo {padding-left:40% !important}
}

Result screenshot: https://postimg.org/image/r36xlgv8b/

Best regards!