New Landing How can we help? Cardinal In my website submenu not show in mobile width

Viewing 15 posts - 1 through 15 (of 20 total)
  • Posted in: Cardinal
  • #100928
    orange
    Member
    Post count: 56

    In my website submenu not show in mobile view and miss align in tablet view

    #101006
    orange
    Member
    Post count: 56

    reply me as soon as possible , support team

    #101054
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Seems fine to me? (see screenshot)

    – Kyle

    Attachments:
    You must be logged in to view attached files.
    #101058
    orange
    Member
    Post count: 56

    OK, its fine now, but miss aligned for tablet view

    #101066
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Could you provide a screenshot?

    – Kyle

    #101069
    orange
    Member
    Post count: 56

    see below

    Attachments:
    You must be logged in to view attached files.
    #101081
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try adding this to your custom css:

    @media only screen and (max-width: 768px) { 
    .logo-left .nav-wrap, .logo-right .nav-wrap {
    		float: none;
    		margin: 0 auto;
    		width: 80%;
    	}
    	#main-navigation {
    		float: none;
    		margin-bottom: 30px;
    		margin-left: 0!important;
    	}
    	nav ul.menu {
    		display: none;
    	}
    	nav .menu > li {
    		float: none;
    		display: block;
    		padding: 2px 0;
    		width: 100%;
    		font-size: 12px;
    		border-top: 1px solid #e4e4e4;
    	}
    	nav .menu > li:first-child {
    		border-top-width: 0;
    	}
    	nav .menu li a {
    		padding: 8px 0;
    	}
    	nav .menu ul li a {
    		padding-top: 10px;
    		padding-bottom: 10px;
    		font-weight: normal;
    	}
    	nav .menu ul, nav#top-bar-menu .menu > li > ul {
    		background-color: transparent!important;
    		position: relative;
    		border-left: 0;
    		border-right: 0;
    		border-bottom: 0;
    		left: 0;
    		-webkit-box-shadow: none;
    		-moz-box-shadow: none;
    		box-shadow: none;
    		opacity: 1;
    		display: block;
    		top: 0;
    		padding-left: 20px;
    	}
    }

    – Kyle

    #101092
    orange
    Member
    Post count: 56

    there is no menu

    Attachments:
    You must be logged in to view attached files.
    #101099
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try remove:

     nav ul.menu {
            display: none;
        }

    – Kyle

    #101112
    orange
    Member
    Post count: 56

    see below , something gona wrong.
    i want mobile view menu for tablet view.
    for width 980px to 768px

    Attachments:
    You must be logged in to view attached files.
    #101679
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @orange,

    Ignore the custom css (please remove it) you can set this in the Theme Options > Mobile Header Options: https://www.dropbox.com/s/nybh0iehf0ayrqc/Screenshot%202014-08-17%2013.38.16.png

    – Ed

    #101897
    orange
    Member
    Post count: 56

    There is no mobile header option

    Attachments:
    You must be logged in to view attached files.
    #102135
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    I guess you are using Flexform theme can you confirm?
    Why this topic was created in Cardinal Theme section?Mistake?

    -Rui

    #102177
    orange
    Member
    Post count: 56

    sorry for the mistake what we can do?

    #102362
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    I will forward this one to the development team.

    -Rui

Viewing 15 posts - 1 through 15 (of 20 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register