[Resolved] Menu

  • Author
    Posts
  • #12723

    fredriksegeranpt
    Participant

    Hi!
    I still can’t see my heder picture on iPad 🙁 How do I change it?

    This is my CSS
    /* Logo max height */
    .site-header .site-branding img {
    max-height: 172px;
    }

    @media (min-width: 786px) {
    /* Logo row height */
    .site-header .site-branding-container {
    height: 175px;
    }
    /* Menu row height */
    .site-header .container, .main-navigation .menu-search {
    height: 40px
    }
    @media (min-width: 786px) {
    #main-slider.overlap {
    margin-top: -40px/* Negative value of whatever you’ve set above */
    }
    }
    .main-navigation div>ul>li>a, .main-navigation .menu-search .search-icon:before {
    height: 40px;
    line-height: 40px
    }
    .main-navigation ul ul {
    top: 37px/* Minus three of whatever you’ve set above */
    }
    }

    #12724

    Andrew Misplon
    Keymaster

    Hi, give it a try now.

    For notes:

    /* Top bar */
    .resp #top-bar .top-bar-text {
    	text-align: center;
    	width: 100%;
    }
    	
    @media (min-width: 1024px) {
    	/* Logo max height */
    	.site-header .site-branding img {
    		max-height: 172px;
    	}
    	/* Logo row height */
    	.site-header .site-branding-container {
    		height: 175px;
    	}
    	/* Menu row height */
    	.site-header .container, .main-navigation .menu-search {
    		height: 40px;
    	}
    	#main-slider.overlap {
    		margin-top: -40px; /* Negative value of whatever you've set above */
    	}
    	.main-navigation div>ul>li>a, .main-navigation .menu-search .search-icon:before {
    		height: 40px;
    		line-height: 40px;
    	}
    	.main-navigation ul ul {
    		top: 37px; /* Minus three of whatever you've set above */
    	}
    }
Viewing 2 posts - 16 through 17 (of 17 total)

You must be logged in to reply to this topic.

Scroll to top