Hey dear Andy,
Yes, you are right (the flags are changed to the texts).
So let me give you a fresh look:
>> Here is the website in desktop mode: (which is totally fine with us)

>> Here is the website in tablet mode and mobile mode (where the problem is exists)
Tablet Mode:

Mobile Mode:

In both Tablet and Mobile mode, we would like to just see the language texts (English – فارسی), without seeing any search bar.
Regards,
Sadegh
I don’t understand. This looks nothing like it’s suppose to. All I asked was for help centering some header widgets in the mobile and tablet view. This has completely messed up the desktop view and is not even correct for the mobile or tablet views.
Desktop:
View post on imgur.com
Mobile:
View post on imgur.com
Tablet:
http://imgur.com/a/hbJGP
This is not right, please fix quickly, as I need this corrected ASAP!
Hi,
Please review your site now. It took us a lot of time but we are happy to help you :)
We add the below css in Quick css
/* Responsive Header */
.main_menu {
transform:translateX(-280px);
}
#header .avia-button-left {
position: absolute;
top: 54px;
right: 150px;
}
#text-14.widget{
width:100%;
max-width:1310px;
}
.seal {
position:relative;
float:right;
right:0px;
top:-10px;
}
.phone-number {
position:absolute;
z-index:999999!important;
top:68px;
right:610px;
}
@media only screen and (max-width: 1180px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
.seal {
right:90px;
}
#header .avia-button-left {
right: 240px;
}
.phone-number {
right:380px;
}}
@media only screen and (max-width: 930px) {
.responsive .logo img {
height: 80px!important;
margin-top:30px;
}
}
@media only screen and (max-width: 768px) {
#header .avia-button-left {
right: auto!important;
left:200px;
}
.phone-number {
left:0px;
right:auto;
}
.seal {
right:auto!important;
left: 190px;
float: left;
}
}
@media only screen and (max-width: 480px) {
.responsive .logo img,
#header .avia-button-left ,
.seal {
position:relative!important;
right:auto!important;
left:50%;
transform:translateX(-50%);
}
.phone-number {
position:absolute!important;
top: 160px;
right:auto;
left: 50%;
transform: translateX(-50%);
}
#header .avia-button-left { top:0}
}
And the below css was conflicting with the responsive nature so we removed the below from styles.css
@media only screen and (max-width: 749px) {
#header .widget {
transform: none!important;
}
}
#header .widget {
padding-top: 0;
position: absolute;
left:80%;
top: 23px;
z-index: 999;
}
@media only screen and (max-width: 749px) {
#header .widget {
position: relative;
padding-bottom: 0;
top: 0px;
left: 80%;
}
}
@media only screen and (min-width: 750px) and (max-width: 1099px) {
#header .widget {
position: relative;
padding-bottom: 0;
top: 0px;
left: 80%;
}
}
/* == HIDE MENU ITEMS ON DESKTOP/MOBILE == */
@media only screen and (max-width: 1099px) {
.hide-on-mobile { display: none !important; }
}
@media only screen and (min-width: 1099px) {
.hide-on-desktop { display: none !important;
}}
/*0000000000*/
/* == CHANGE FONT & COLOR IN MAGAZINE ELEMENT must stay in quick css == */
.av-magazine .av-magazine-content-wrap .av-magazine-title {
font-size: 22px;
color: #305a91;
}
.av-magazine-title:hover {
color: #80a7d8 !important;
}
/* == MAKE GREEN BOXES WHOLE IN MOBILE must stay in quick css == */
@media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin-bottom: 0px;
}
}
/* Fix footer for mobile */
@media only screen and (max-width: 670px) {
.footer_color {
background-size: cover;
}
#footer #text-11 {
top: -50px;
}}
@media only screen and (max-width: 670px) {
#footer #text-10 {
top: 30px;
}}
/* == Fix spacing in icon list for small icons == */
.av-iconlist-small li {
margin-bottom: 5px;
}
/* mobile menu extend to larger screens */
/*
@media only screen and (max-width: 1099px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
@media only screen and (max-width: 749px) {
#header .avia-button-left {
transform: none!important;
}
}
@media only screen and (max-width: 749px) {
#header .#text-12 {
transform: none!important;
}
} */
@media only screen and (max-width: 749px) {
#header_meta {
margin-top: -30px;
}
.logo img {
margin: auto!important;
}
.logo {
width: 100%!important;
}
#widget_sp_image-2 img{
transform:translate(50%, 20px);
}
}
@media only screen and (min-width: 750px) and (max-width: 1099px) {
#header_meta {
margin-top: -30px;
}
.logo img {
margin: auto!important;
}
.logo {
width: 100%!important;
}
#widget_sp_image-2 img {
transform:translate(50%, 20px);
}
}
/* Mobile Menu Up Minimum Screen Size */
@media only screen and (max-width: 1199px) {
nav.main_menu {
display:none !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
display:block !important;
}
}
/* Mobile Menu Positioning */
#advanced_menu_toggle {
right: -25px;
top: 30px;
}
/* Move Client Login button in header */
#header .avia-button-left {
position: relative;
top: -38px;
left: 80%;
}
@media only screen and (max-width: 749px) {
#header .avia-button-left {
position: relative;
padding-bottom: 0;
top: -40px;
left: 33%;
}
}
@media only screen and (min-width: 750px) and (max-width: 1099px) {
#header .avia-button-left {
position: relative;
padding-bottom: 0;
padding-top: 0;
top: -120px;
left: 76%;
}
}
/* move phone number widget */
#header #text-12 {
position: relative;
top: 112px;
left: 18%;
}
@media only screen and (max-width: 749px) {
#header #text-12 {
position: relative;
padding-bottom: 0;
top: -20px;
left: 23%;
}
}
@media only screen and (min-width: 750px) and (max-width: 1099px) {
#header #text-12 {
position: relative;
padding-bottom: 0;
padding-top: 0;
top: -100px;
left: 66%;
}
}
Best regards,
Vinay
Hey!
We will not change anything on the page. Please try adding 1/1 column element to the top of your page, update it and then remove that 1/1 column element and update your page once again and check if that helps.
Edit: If you would like to remove it using CSS, please add following code to Quick CSS in Enfold theme options under General Styling tab
#wrap_all + .av-extra-border-element {
display: none;
}
Best regards,
Yigit
-
This reply was modified 9 years, 5 months ago by
Yigit.
Dear Support,
we are trying to create a one-pager with an intro Video on Top, using a LayerSlider.
After the the LayerSlider there is a color section with an id.
Is there a way to jump to the color section, once the layerslider is finished, playing the video?
Best regards,
Stefan
Hey!
@hacart i added following code to quick CSS and flushed cache.
@media only screen and (max-width: 480px) {
#top .avia-multi-slideshow-button {
width: 46%;
float: left;
margin-left: 1%;
}}
Please review your website now
Best regards,
Yigit
Thanks, the text is showed now, but not under the logo (it is showed at the right of logo),
How can I put under the logo?
And there is more space at top How can I put here an image or similar? Or a title? something to avoid the big white space..
Best regards,
thanks,
Nacho
Hey lzevon,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .header_color .ajax_search_entry:hover * {
color: #0064c8;
}
.header_color input[type='submit']:hover {
color: white;
background: #0064c8;
}
li#menu-item-search:hover a, li#menu-item-search a:hover {
color: white!important;
}
Best regards,
Yigit
Hey!
It does not disappear on my end. It is stuck to top when scrolled down. Please try checking your page in incognito view and flush browser cache
Cheers!
Yigit
Thank you very much for your support.
I would test it right now.
Remember, this is what i want to do:
http://preview.themeforest.net/item/inesta-responsive-one-page-wordpress-theme/full_screen_preview/6648341?_ga=1.219003546.209827295.1473398049
An image or video before the menu, when scroll down the menu move to the top and fix.
testing i told you soon.
Thank you again.
—Tested:
http://kingvaders.com/
Now the header disappears.
-
This reply was modified 9 years, 5 months ago by
mrpacogp.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#header.header-scrolled {
top: 0;
}
Best regards,
Yigit
Hi!
I attached a link to your blog page below. Please edit it and adjust as needed. You can also adjust options in Enfold theme options > Blog Layout.
We have replied you here regarding header – https://kriesi.at/support/topic/modify-header-size/
Cheers!
Yigit
Hi,
still no idea what you want to achieve to be honest. This is what I see when I login to the site you’ve provided: http://i.imgur.com/0qwiSGj.png
I think it would be best to search a plugin with the functions you need. Here is a recommended plugin list for Enfold: kriesi.at/support/topic/recommended-plugins/
Best regards,
Andy
Hi
I have the code snippet that should remove the language flags in my main menu, but since the last upgrade it seems to have stopped working. Here’s the code snippet in my child theme functions.php:
add_action(‘after_setup_theme’,’avia_remove_main_menu_flags’);
function avia_remove_main_menu_flags(){
remove_filter( ‘wp_nav_menu_items’, ‘avia_append_lang_flags’, 20, 2 );
remove_filter( ‘avf_fallback_menu_items’, ‘avia_append_lang_flags’, 20, 2 );
remove_action( ‘avia_meta_header’, ‘avia_wpml_language_switch’, 10);
}
My website URL is: http://www.impactcrescendo.com/
Can you please help find out why i would have stopped working.
Thanks
Lyse
hey guy,s
Re this post: https://kriesi.at/support/topic/menu-custom-divider/#post-694842
Client wants vertical lines evenly spaced between the menu items. Ugh! :)
Thanks!
Hi,
Sorry for the late reply!
The code i posted here – https://kriesi.at/support/topic/just-installed-on-and-receiving-error-on-masonry_entries-php/#post-673935 should solved this issue. Can you please try adding it once again into functions.php file?
Best regards,
Yigit
@alby8384
Please open a new ticket, so we can close this thread here. Otherwise it gets very confusing in our forum. Thanks for your understanding.
You can use a Vide Element to display your video on mobile, which you hide on desktop. Follow these instructions here at first: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
and then use something like:
@media only screen and (min-width: 736px) {
.video-only-mobile {
display: none;
}
}
Hope this helps.
Best regards,
Andy
Hey!
I added the code into functions.php file once again and then added following code to Quick CSS
html[lang="sr-RS"] .av_header_transparency .logo img.alternate {
display: none;
}
html[lang="sr-RS"] .logo .subtext img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
Please review your website now
Regards,
Yigit
1 more thing
regarding https://kriesi.at/support/topic/masonary-gallery/#post-693011
I want the image title aligned to the bottom right of the images
Hello, in my wordpress when viewed on a mobile gives the option to view it in “mobile” or “desktop” mode. What to do so that no option but directly look like on other devices? Thanks!
Hello
I would like to add a search button within the menu bar at the top of my site – is this possible in this theme? If so can you show me how please or do I need to add a plug-in and do it that way? If I need to use a plug in can I add a widget area to the menu bar at the top?
Thanks
Hallo liebes Kriesi Team,
leider habe ich immer noch keine Antwort bekommen und keine Lösung gefunden.
Wer den Feed meines Blogs abonniert, bekommt bei jedem neuen Beitrag eine Mail.
Diese sieht immer so aus:
[av_section min_height='custom' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='https://ravepedia.de/wp-content/uploads/2016/09/ADE2016.jpg' attachment='2698' attachment_size='full' attach='scroll' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''][/av_section]
[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''][/av_one_fifth]
[av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_textblock size='' font_color='' color='']
In nur wenigen Tagen ist es soweit: Amsterdam wird erneut zum absoluten Epizentrum für die komplette elektronische Musikwelt. Vom 19. bis 23. Oktober findet das Amsterdam Dance Event mit über 2.200 Künstlern und 450 Konferenzen in 140 verschiedenen Clubs und Locations statt.
[/av_textblock]
[/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''][/av_one_fifth]
[av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_image src='https://ravepedia.de/wp-content/uploads/2016/09/1184x666q90_20151015_REVEALED_HMH_005_0664_vincentvandenboogaard_63489_63493_1184x666_90_1_0_c-1184x430.jpg' attachment='2699' attachment_size='featured' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image]
[/av_one_full]
[av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_textblock size='' font_color='' color='']
Amsterdam Dance Event das heißt 5 Tage Ausnahmezustand! Für dieses Jahr werden über 2.200 Acts aus dem ganzen Globus eingeflogen, damit sie ihr Bestes hinter den Decks in über 140 verschiedenen Clubs & Locations geben können. Musikalisch bietet das Event das volle Spektrum an elektronischen Genres: ob Techno, House, Bassmusik oder kommerzielles EDM, hier kommt jeder auf seinen Geschmack.
In diesem Jahr soll der Besucherrekord nochmals geknackt werden. Vom 19. Bis 23. Oktober werden 375.000+ Besucher in Amsterdam erwartet. Worauf sich die meisten Musik-interessierten freuen, sind die zahlreichen Konferenzen, welche die internationale Musikwelt verbinden. Hier trifft man auf alle Artists, Labels & Crews, die die elektronische Szene hergibt. Insgesamt werden 450 verschiedene Sprecher aus der Branche erwartet.
Eine solche Dichte von hochkarätigen Acts & Künstlern der Szene wird man in dieser Form sonst nirgends auf der Welt sehen und hören können. Für Liebhaber der elektronischen Musik ist das Event deshalb ein absolutes Muss.
Das Besondere am Amsterdam Dance Event ist der besondere Flair. Anders als bei Festivals mit riesigen Bühnen, ist man hier seinem Lieblingsact ganz nahe und kann zahlreiche Newcomer entdecken.
[/av_textblock]
[/av_one_full][av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_image src='https://ravepedia.de/wp-content/uploads/2016/09/1184x666q90_ADE20151014EP0A1929_63555_63559_1068x601_100_1_0_c-1068x430.jpg' attachment='2700' attachment_size='featured' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image]
[/av_one_full][av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_textblock size='' font_color='' color='']
Das Zusammenkommen von Musik, Technik und Kunst stellt eine spannende Kombination dar, welche das ADE so interessant macht. Auf zahlreichen Nebenveranstaltungen kann man neue Technik entdecken, Kunstausstellungen bewundern und sein Interesse an der “Rave-Kultur” weiterbilden. Alle Veranstaltungen findest du hier.
[/av_textblock]
[/av_one_full][av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_image src='https://ravepedia.de/wp-content/uploads/2016/09/ADE2016-1-1498x430.jpg' attachment='2702' attachment_size='featured' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image]
[/av_one_full][av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_textblock size='' font_color='' color='']
Ein Event in diesen Dimensionen benötigt eine ausführliche Vorbereitung. Wer den Rave-Marathon überleben möchte, ohne seinen Lieblingsact zu verpassen, sollte unbedingt einen Blick in das Programm aus über 450 verschiedenen Events werfen.
Trotz der hohen Hotelpreise, ist es mehr als empfehlenswert sich direkt im Stadtzentrum ein Hotel- oder Hostelzimmer zu buchen, denn das Hauptgeschehen wird genau hier stattfinden. Wer nachts nur wenige Schritte zu seinem bequemen Bett hat, wird es sich später selbst danken. Hier findest du die passende Unterkunft:
[/av_textblock]
[/av_one_full][av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_codeblock wrapper_element='' wrapper_element_attributes='']
Wie kann man das ändern, dass nur Text kommt ohne den “Avia-Editior”??
Freue mich auf schnelle Rückmeldung.
Liebe Grüße
Janine
It’s on our local machine, under development, and is not publicly accessible! However, it is a standard installation of version 3.8, and is using “Logo left, Menu right” with “Header Phone Number/Extra Info” and “Header Secondary Menu” displayed in the top bar at the right. Used the code above to display the search in the top bar instead of next to the navigation menu.
Hello, dear support!
1. I have a problem with mobile behavior of tables in tabs.
I just copied html of tables and pasted it in tab, in desktop it is ok (actually 3 tables in one grid row element).
But when i open it in mobile i have double heading (one at top and one in a price row) with coursive.
2. in a tab # 2 I inserted the shortcode of simple calculator, but it disappeared on mobile devices. But sometimes it appears, how can I make it stable and to show all the time.
How can i fix it?
Thank you.
have something to add…
<style type=”text/css”>.avia-table-1 td:nth-of-type(1):before { content: ‘Bronze website’; } </style></div>
what is it? if i delete it heading row disappears.
-
This topic was modified 9 years, 5 months ago by
niobeer. Reason: adding
Hi!
I use the same title settings in the same page but it doesn’t give me the same result.
For both I use the special heading element, select H2, style modern and size 45px.
One time, it works well, but the other time, the writing looks different. I checked with chrome dev tools. It seems like this element is totally missing:
#top #wrap_all .main_color h2 {
color: #39393a;
font-family: ‘Lato’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
I have this code on all the other titles I use in the webpage but not on this title that looks different. The strange thing is, once I delete it and redo it, it’s the same problem…
One last info: I used demo content of the One Pager, the part with the designers picture and name below…
Do you have an idea what the problem might be?
Thanks!
Hello guys
I have a problem with using a shortcode in the LayerSlider. I have read a lot about other topics regarding this issue but not sure if it is just not possible. I have created a custom shortcode in my child theme functions.php file like this:
function ticketcounter() {
$product_id = 23947;
$product = wc_get_product($product_id);
$productcount = $product->get_stock_quantity();
return $productcount;
}
add_shortcode(‘myticketcounter’, ‘ticketcounter’);
It displays fine on a page and shows the actual stock quantity. But when i use it on the LayerSlider it shows the stock quantity at the moment i save the slider but it does not update the stock quantity after this point.
Any ideas?
Kind regards,
Michael Storm
-
This topic was modified 9 years, 5 months ago by
mstorm85.
Hi,
1. Is there a way to have the Ajax portfolio animation (sliding the other portfolio elements down and showing the clicked-on in the preview) reversed? Meaning, the preview slides downwards and the other elements are at the top of the preview?
2. I noticed that if the portfolio grid is inserted in a 1/1 column the hover animation (fade-out + arrow) works perfectly fine, but when I put the grid in a color-section or want to show it without any container the animation doesn’t work at all… Is there a reason for that?
Thanks
Paul