Hi,

I’m glad you were able to find a solution. I will keep this thread open for a little while in case you find you still need help in this area. I will also check in with the developers on this topic to see if anything further can be done.

Best regards,
Jordan Shannon

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

Hey Chantalkrijn,

It can be changed it Enfold > Main Menu > Menu Items for Desktop set to Display as text. Hope this helps :)

Best regards,
Nikko

Hey VJLoops-GT,

Try using this css code:

#top .ls-layer {
    user-select: none !important;
}

Hope this helps :)

Best regards,
Nikko

Hey art-com,

Please check this thread: https://kriesi.at/support/topic/disable-dynamic-css/

Best regards,
Nikko

Hey bwhitbread,

Please check this thread: https://kriesi.at/support/topic/the-theme-is-missing-style-css-stylesheet/
Hope this helps :)

Best regards,
Nikko

Hey alexandervellguth,

It’s properly aligned on desktop however if the screen has narrower width, the longer text is forced to use multiple lines instead of 1. If you need to align it, to fix this we would need to adjust the font size using custom css on the narrower screens.

Best regards,
Nikko

Hey clairemartindigital,

Can you please disable the caching plugin, so that we can be more efficient at proposing you a solution?

@media only screen and (max-width: 767px) {
	#top #header_main #menu-item-shop .cart_dropdown_link {
	    height: 95px;
	    line-height: 80px;
	    margin-left: 30px;
	}
	.main_menu .avia-menu {
	    right: 20px;
	}
}

If you need further assistance please let us know.
Best regards,
Victoria

Hey Dana2225,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 450px) {
.avia-caption-title, .avia-caption-content, body div .avia-button {
    font-family:  'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.avia-caption-content p {
  font-size: 16px;
  line-height: 18px;
}

#top .av-main-nav > li > a,
#top .main_menu .menu li ul a { 
    font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   }
}

You can change other elements, if you need adding to this media query.
If you need further assistance please let us know.
Best regards,
Victoria

Hey JerrelZ,

Let’s see… #top and the page ID are the same element, so please try this:

@media only screen and (max-width: 767px) { 
.page-id-718#top #wrap_all .av_header_transparency, .page-id-718#top .av_header_transparency #advanced_menu_toggle { background-color: transparent; }
.responsive .page-id-718#top #wrap_all #header { position: absolute; }}

Let us know if you need further help. :)

Best regards,
Sarah

Hi adrianwackernah,

Thank you for the staging :) I do not have the same issue in Chrome or Safari on a MacBook, and it’s so hard to catch that black color for the mouseout, but I did!

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

html, #scroll-top-link {
    background-color: transparent;
}

If you need further assistance please let us know.
Best regards,
Victoria

We’re glad that you found the problem! :)

Do you still need further help with this topic?

Best regards,
Sarah

Hi!

We’re glad that Rikard was able to help you!

Do you still need further help with this topic, or can we close this thread?

Best regards,
Sarah

Hi Chris!

Please try this:

#scroll-top-link {background: rgba(0,0,0,0.7) !important; }

You can add it into the first part Vinay’s code like so:

#scroll-top-link{
	width:25px;
	height:25px;
	background: rgba(0,0,0,0.7) !important; 
}

I hope that helps!

Best regards,
Sarah

Hi bluebubble,

You can set the menu back to white, the text will be blue with the code below. You code would have worked, if there was a closing bracket to the media query, so you can use your code, just close the bracket or use mine.
Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a * {
    color: #2f3393;
}
}

If you need further assistance please let us know.
Best regards,
Victoria

Hi vdarend,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#av_section_1 {
      margin-top: -75px;
}

But that section has an overlay with 0.5 opacity and you need to decide what to do with it.

If you need further assistance please let us know.
Best regards,
Victoria

Hey Dotplusgeert,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#av_section_5 .post-entry.post-entry-type-page.post-entry-2 {
    padding: 7px;
    background-color: #fff;
}

And here are some ideas for point 1:
https://kriesi.at/support/topic/change-image-on-mouseover/
https://kriesi.at/support/topic/image-in-image-and-onhover-change-image/
If you need further assistance please let us know.
Best regards,
Victoria