Forum Replies Created
-
Posts
-
It works again. Any way to keep the menu from dropping down when you turn it to landscape mode on the iPad mini?
Heres the cs I’ve added in the quick css. I bolded 2 lines. Could they be causing a problem?
#header .submenu {
background: none transparent;
}
.tablepress-id-N tbody td {
font-family: Josefin Slab;
font-size: 16px;
color: #000000;
}h1, h2, h3, h4, h5, h6 { font-weight: bold!important; }
#avia-menu li:first-child a {
border-left: 0 !important;
}
#avia-menu li:last-child a {
border-right: 0 !important;
}#footer .social_bookmarks li {
clear: none!important;
}#footer div .av_one_half:nth-child(1) { width: 38%; }
#footer div .av_one_half:nth-child(2) { width: 58%; margin-left: 4%; }.logo img, #top .logo, .logo a, #header_main .container { width: 100%; }
.html_header_top.html_logo_relative .logo {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}#main .container_wrap .container main, #main .container_wrap .container {
max-width: 890px;
}
@media only screen and (max-width: 989px) {
.avia-menu-text {
font-size: 9px !important;
}
}.main_menu { center: 15%; }
.boxed .container {
margin: 0 auto !important;
}@media only screen and (min-width: 768px) and (max-width: 989px) {
#header_main { max-height: 140px; }
}#advanced_menu_toggle, #advanced_menu_hide {
color: gray;
}#advanced_menu_toggle, #advanced_menu_hide {
color: white;
background: #068ca0;
}I also noticed that on the iPad mini the main navigation links don’t work. When I try to click them it forces me to click the entire header. When I switch to landscape mode, the links work but the size of my navigation bar increases and my menu drops down.
Hi,
My Navigation button is missing on the iPhone. There’s just a white patch there but is not recognizable as the main navigation link. Can you tell me how to fix this?That worked for centering the navigation bar. Thanks. Anyway to reduce the white space under the header in iPad mini or change the color of the main navigation box on iPhone
Thank you Yigit! That worked great! I just had to change ‘center’ to ‘relative’. By the way, I started this thread but should I continue on this thread or start a new one? I was trying to start a new one but couldn’t figure out how.
I have a header image that I’d like to cover the entire header area. I can do this by adding a background image but then the image covers the main navigation area. and the enfold logo appears over it.
Is there a way to either have the logo cover the entire header area minus the main navigation menu or remove the enfold logo and not have the background image cover main navigation bar? The first option is preferable so I can make it link to my home page.
That worked great, just had to switch the percentages. Thank you so much! I have a question about the sticky header. Theres an option to check under header behavior to have the header stick to the top of your page when a user scrolls down. I like the feature but it says that this is ignored on smartphones. Mine is not ignoring it on the iPhone and it is interfering with the content because the screen is so small. Is there something I can do about this. I like it on a regular computer screen and a tablet, but not a mobile phone.
Josue you’ve saved me a lot of frustration and time. I just want you to know I really appreciate it. Please let me know if there is a way I can give you some kind of review or recommendation.
