Hey!

One by one the issues, else we can not solve them properly.

@media only screen and (max-widht:767px) {
.responsive #top #wrap_all .container {
text-align: center !important;
} }

Let us know if that one works out as should.
Thanks a lot

Regards,
Basilis

Hey Magnus,

please use different tickets for different questions/issues.

1.) Use this code inside Quick CSS field:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
right: 110px;
}}

2.) Use this code:

#mobile-advanced, #mobile-advanced  a, #mobile-advanced .mega_menu_title {
color: white !important;
}

Best regards,
Andy

Hi,

Please try the below code I have tested this on my installation. if you do not see any changes please refresh the page a few times to clear the cache.

#top .avia-datepicker-div.ui-datepicker td span, 
#top .avia-datepicker-div.ui-datepicker td a {
    color: #000!important;
}

Best regards,
Vinay

Hi,

is this a second thread about the same topic you already talked about? if yes then please avoid that, as we are already very busy here in this forum.

However you could try to find a solution which you hide on desktop and show on mobile only. I would try to work with a Grid Row element instead.

Best regards,
Andy

Hi,

thanks for your words. If you send us a precise link to the thread in question, then we can re open it for you.

If you have a feature request for Kriesi, then feel free to mention it here: https://kriesi.at/support/enfold-feature-requests/

Please don’t mix any other topics in one thread, as it gets quite confusing otherwise. Feel free to open a new ticket for a new question/issue. Thanks for your understanding.
In your new ticket provide us a precise link where we can inspect the elements in question, a screenshot highlighting exactly what’s going on (imgur.com, dropbox), as well as admin access.

Best regards,
Andy

Hi,

Thank you for the clarification :) Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top .avia-datepicker-div a.ui-state-hover {
    color: #000!important;
}

Best regards,
Vinay

Hey Munford,

1. To align the main menu and language switcher

#top .av-subnav-menu > li {
    padding: 10px 0!important;
}
.menu-item-language {
	transform:translateY(5px);
}

2. To remove menu and move the hamburget icon to the right

/* hide menu text */
#top .mobile_menu_toggle .av-current-placeholder {
    display:none!important;
}
/* Move to right */
#top .mobile_menu_toggle {
    transform: translateX(40vw);
}
/* To tighten the menu space */
@media only screen and (max-width: 767px) {
.responsive #top .av-menu-mobile-active .av-subnav-menu > li > a {
    padding: 5px 15%!important;
    }
.responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before {
    top: 5px;
}
}

3. To disable scroll zoom on maps give this plugin a try https://wordpress.org/plugins/wp-google-maps/

Best regards,
Vinay

Hey GoToGalMarketing,

The divider color is black already and it looks like you figured it out?

In case you still need help please go to Enfold > General Styling > Logo Area and make changes to the border color value.

To add a bottom border to the header try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.html_header_top.html_header_sticky #header {
    border-bottom: 1px solid #000;
}

Best regards,
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#header .widget {
	position:absolute!important;
	left:100px!important;
	top:-50px!important;
}

#header.header-scrolled .widget {
	position:absolute!important;
	left:55px!important;
	top:-45px!important;	
}

#header.header-scrolled .widget img {
width:100px;
height:auto;
}

Best regards,
Vinay

Hi,

You can add this to quick css to change the background of the sub-menu:

.html_header_transparency #top .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a {
background: white!important;
}

To adjust menu speed:

You can edit js > avia.js, and search for this line:

item.stop().css(‘display’,’block’).animate({opacity:1},300);

Adjust the value 300.

Best regards,
Jordan Shannon

• This reply was modified 8 years, 11 months ago by Jordan Shannon.

Hi,

You can try adding this to quick css:

#top .av-iconlist-small li {
padding-bottom: 10px!important;
}

Best regards,
Jordan Shannon

Hi,

Please add this to quick css:

@media only screen and (max-width: 767px){
.responsive #top #wrap_all .av-flex-cells .no_margin {

padding-top: 0px!important;
}
}

Let me know if this works for you.

Best regards,
Jordan Shannon