Rikard,

Thanks but the code adjusted the main menu. I need to adjust the full width sub menu in the orange bar. I have a class already associated with the menu and have tried both of the the codes below but I just can’t figure it out.

.orangesubmenu li.current-menu-item {
background-color:#ffffff!important; color:orange
}

#top .av-subnav-menu li.current-menu-item{background-color:#ffffff!important; color:orange}

Hi Andy,
I have tried your code but the breadcrumbs disappeared on monitor version. So I modified it a little bit.
@media only screen and (max-width: 767px) {
.title_container .breadcrumb {
top: -15px!important;
left: 2px !important;
}}
The breadcrumbs looks great now!
———
by the question 2: How can I add an extra class for the map sothat it is more white space between the toggle and the map on mobile version?

great – that worked. I am now having another problem with the lightbox – side navigation.
I have this code:
/* disable side nav on trailers*/
#top .trailers img.mfp-img {
pointer-events: none;
}
.trailers .mfp-arrow {
display: none!important;
}
.trailers .mfp-counter {
display: none;
}
to disable the side nav on the .trailers images, but am not seeing it on the front end. I have cleared the cache, etc.
I was using the code before without the .trailers target, and it was fine, though I can’t get that to work now either.
??
thanks for your help
Nancy

Thanks Rikard,

That appears to have fixed the first part of my problem.

There is also a very strange issue with this code

[av_heading tag='h1' padding='10' heading='CUSTOMER REVIEWS' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#000000' size='50' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_hr class='invisible' height='-40' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_hr class='short' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_heading tag='h1' padding='10' heading='OUR DJs' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#000000' size='50' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_hr class='invisible' height='-40' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_hr class='short' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

This should display 2 headings each with a short HR underneath. You will see that the code is identical, only the heading text is different.
However, they appear different on the site.

And when I pasted the code into the bottom of the page to double check it the results were different again….

I’m completely confused about why this outputs 2 different results.

I’ve also just noticed that although the special headings are now using the same font they are still not the same…. they are all set to be black but some are grey. Why are some of these settings being ignored?

Can you help and explain?

That did not work to hide the captions :(

@media only screen and (max-width: 768px) {
.responsive #top .slideshow_caption h2.avia-caption-title {
display:none !important;
}
}

my site

Hi Ismael,

I found it, there was a #top .main_color input[type='text'] { height: 15px; } and that made it impossible to type in the field, only in IE11. It changed it to 30px and now all is good.

Thanks for helping!

Vinay,

The only other code I have is in Quick CSS:

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

That is to handle (turn off) the animation of the masonry tiles. I removed the code and still have the same issue. I’m including a copy of the custom css file, I have not changed anything there.

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

}

That’s not correct.

If you look at the back end the line senior associates actually says senior advisors.

I created the form just below that one to make it easier to notice what is on the back compared to what is displayed on the page when sent.

I just removed the top form to make it easier to notice.

Thank you.

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

Hey!

I added that code to Quick CSS but it didn’t do anything.

Essentially I’d like to reduce the size of my logo (its way to big right now)

but when I do these problems happen:

I have 2 questions:

1) I’m trying to add my logo, it’s showing up pretty blurry — the size that i’m uploading it is: 625 X 125 But I’d like the logo to be much smaller so it looks good on the website.

2) When I reduce the size of the logo, it stays way up at the top of the website. Once the logo is reduced, how do I adjust the padding so the logo is in the proper position?