Hi,

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

a#advanced_menu_toggle:before {
    content: 'Menu';
    font-size: 14px;
    top: -7px;
    position: relative;
}

Best regards,
Yigit

Hi,

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

@media only screen and (max-width: 480px) {
#header_meta {
    margin-top: 100px;
}
#header .widget {
    margin-top: -160px;
}}

Best regards,
Yigit

Hi!

Please add following code to Quick CSS as well

@media only screen and (max-width: 767px) {
.rtl #header_main {
    margin-top: 40px;
}}

Code i posted fixes a similar issue that happens on your homepage :)

Regards,
Yigit

Hi!

Not at all! Always happy to help :)
Can you please change “1024px” in this code – https://kriesi.at/support/topic/reduce-widget-spaces-align-in-center/#post-699965 to “1140px”?
Issue is caused by custom widths you added to footer widget areas :)

Cheers!
Yigit

Hi,

I edited your page and added a color section element with “fwcs” for ID and added custom CSS code into the top of Quick CSS field. Please flush browser cache and review your page.

Best regards,
Yigit

Hey Sadegh,

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

@media only screen and (max-width: 990px) {
.rtl img.ls-yourlogo {
    top: 45px!important;
}}

Best regards,
Yigit

Hey lyudmylaz,

Autoplay videos are disabled on mobile devices due to manufacturer limitations unfortunately.

Regards,
Rikard

Hi,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi Wanted2b,

If you want greater control over the background in mobile devices I suggest you create another section to show only on mobile and use an image better adapted to that screen size. You can assign unique IDs to your sections and then hide/show them using CSS like this:

@media only screen and (min-width: 768px) {
 #section-desktop {
display:block !important;
}
 #section-phone {
display:none !important;
}
}

@media only screen and (max-width: 767px) {
 #section-desktop {
display:none !important;
}
 #section-phone {
display:block !important;
}
}

Regards,
Rikard

Hi smoothbob!

Thank you for using Enfold.

1.) The selector is invalid. Please try this one.

.js_active .page-id-453 .tab { font-size: 22px; padding: 16px; background: #dfd80b ; color: #ffffff !important }

2.) Adjust the column width and margin.

div .av_two_fifth {
    margin-left: 3%;
    width: 37.4%;
}

This will affect every 1/5 columns in the site so you need to turn on the custom css class field if you want to apply it on a specific column.

3.) Do you want the checkbox to go on top of each other? Please set the Form Element Width to Fullwidth.

Regards,
Ismael

Hi,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic.

Thanks,
Rikard

Hey Webtext-Autor,

Please try the following in Quick CSS under Enfold–>General Styling:

.html_elegant-blog .avia-content-slider .read-more-link {
    top: 0 !important;
}

Regards,
Rikard

Hey roger439,

I’m not sure I understand your question, could you try to explain a bit further please?

Edit: I guess you mean the description under the menu items? If you can’t see that option under Appearance->Menus then please click Screen Option in the top right hand corner of the screen and select to show it there.

Thanks,
Rikard

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