Search Results for 'mobile menu'

  • In reply to: Mobile Menu

    Mirela
    Participant

    Hello,

    Sorry but this is theme’s mobile menu default style. To apply such change requires coding that is not included in support. I suggest you hire a developer to do the changes for you.

    Best regards!

    Mirela
    Participant

    Hello,

    Please go to General Options > Header Options > Dropdown Options & Mobile Menu, change the background color here.
    Let us know if you need further help.

    Best regards!

    selman
    Participant

    Hi,

    I use dropdown pages on desktop menu. However on mobile, the menu is very long. How to add open/close toggle for dropdown elements?

    Mirela
    Participant

    Hello,

    Please add this code into your custom css box in General Options:

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

    Let us know.

    Best regards!

    Mirela
    Participant

    Hello,

    This is the responsive header style! You will see it in almost 99% of all available websites. When the screen size is smaller than the menu width, the mobile layout takes over. Where the menu is replaced with the mobile menu icon (three bars menu). It will unfold the menu items when tapped over (mobile) or clicked on (computer).

    This is not an issue. You you want to change this, it’s ok. But we recommend you use custom css (in Additional CSS menu) or a child theme. So you won’t lose the changes in case of future theme updates.
    Let us know.

    Best regards!

    Mirela
    Participant
    This reply has been marked as private.
    Mirela
    Participant

    Hello,

    You can change the mobile layout of the slider in it’s options. See screenshot: https://postimg.org/image/oe3u6catx/
    Go to the desired slide, select mobile icon and start editing the slide. Save changes. Increase further the title’s line-height if you want (I already moved the first title up) Clear cache to see changes reflected sooner.

    Can you please be more specific on the updates? I already send you the link to download the latest WP Bakery plugin in the last reply.
    The included plugins have extended licenses. This means they can be used by any one purchasing our theme as long as they use the version included in theme folder. To use them, just install plugin from Plugins menu and activate again from the Plugins menu. This is enough to use the sliders normally. There is no need to activate it in the slider’s options.

    The only restriction of this type of licence is that you can not update it on your own terms.
    The rules of the marketplace don’t allow us to give the plugin activation code. You can use the existing version without any problem. We update frequently all theme plugins to their latest versions in almost every theme release or in case when an urgent update is needed. So they are always fully compatible with the current theme version.

    If you want to buy a license by yourself this is allowed, but we thought that this isn’t needed because the version included works perfectly.
    You are free to make the choice that best fits your needs.

    Best regards!

    In reply to: Blog Page

    Mirela
    Participant

    Hello,

    You have an error in your site in the re-captcha script. See screenshot: https://ibb.co/fuJE37

    1-2-The mobile layout is an independent layout from the desktop one. By default the logo is positioned right and responsive hamburger menu left. There is no error here. To change the logo width, footer social icons positioning and titles under the video in mobile, please add this code into your custom css box:

    @media (max-width: 480px){
    #logo img {
        max-height: 128px !important;
        margin-top: -70px !important;
        right: 35% !important;
    }
    footer#footer .inner .row-fluid.ff .span12:first-child:last-child .footer_social_icons {
    left: 70% !important;
    }
    h2 {
        line-height: 30px !important;
        font-size: 18px !important;
    }
    }

    Change the values to your wish!

    3-Can i see a link of the “menu Capoeira-Batizado with the photo”?
    4-Theme is mobile friendly (responsive).You can check it out yourself seeing the changes in the layout (adjusting to mobile screenwidth) when you open the site via mobile.
    I searched the site in google engine and did not get any responsiveness message. Can you post a screenshot of it?

    NOTE: Please open new ticket for new questions! This topic is already overloaded and away from it’s original purpose.
    In order to have a clean and easy to browse forum, it’s best to keep one topic per issue. Also keep all replies public, unless private data is used, so it will be beneficial for other forum visitors as well.

    Thank you for your understanding!

    Best regards!

    In reply to: Blog Page

    mtrantas
    Participant

    Hello

    I have some minor problems with responsive when viewing website from mobile, screens until iphone 8s (samsung and other brands i suppose) for example. The logo is not centred, it showing at the right of the menu and is getting very small is size. Also the social icons in the footer are not centred, they are aligned in the left.

    I also want to reduce the size of some text when showing from mobile. In the first page the text under the video is the one i would like to scale down when showing from mobile.

    The third problem i have is in the menu Capoeira-Batizado with the photo is showing extremely small from mobile.

    Regards

    • This reply was modified 6 years, 9 months ago by Mirela.

    In reply to: Input Select Bug

    Mirela
    Participant

    Hello,

    To remove the CL Actions for mobile only, please add this code into your Additional Css menu:

    @media(max-width: 480px){
    .shop-products .product_item.style_normal:hover .cl-actions {
        opacity: 0 !important;
    }}

    But you still need to touch the title of the product to go to the product page. The image is not a link. To set it as link, you will need to edit them files.
    Let us know.

    Best regards!

    Mirela
    Participant

    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!

    DJC1210
    Participant

    Brill – it’s working. How would I make the responsive menu appear on all screens and not just mobile?

    Many thanks

    D

    Ludjon
    Keymaster

    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

    JonesBastos
    Participant

    1 – Thank you, it worked perfectly

    2 – I need fixed Menu only for desktops

    3 – Sorry, I mean the shopping cart page.

    4 – I use a left sidebar but I need to remove the sidebar in the mobile version because it sits below the products. I want to leave the filter button on the mobile version only.

    Ludjon
    Keymaster

    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.

Viewing 15 results - 751 through 765 (of 1,327 total)