I tried the code, it does not work, and also it messes up the top slider on resize as well now.

hi!

the plugin jQuery Updater was the bad guy ! :)

Topic can be closed

Hej—Yigit
How can adjust the fullscreen slider to mobile ?

I do not want to hide anything .. I need help for adjust the Fullscreen slider to the mobile version.. (Iphone, samsung, etc) Works perfect for desktop and tablets but not for phones.. check my website please…

Thanks
ERIC

Hi Josue,

you can go to http://www.heart-of-italy.com/vini/il-nostro-mondo-un-bicchiere/il-vino/antica-porcellaia/

if you try to click (with iphone or ipad) to the item “i nostri vini” under the full-with menu you’ll notice that it doesn’t work, whereas it works without any problem inside desktop browser.

I look forward to your kind reply,
Mauro

Hi Basilis
I do that, but it is still the same.
I have made this change in the functions.php – i put in between “<?php” – and “global $avia_config;” – to activate the ALB:
add_theme_support(‘avia_template_builder_custom_css’);

In the helper-main-menu.php, after this code “$output .= avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, $addition, ‘strong’, true);” – I have writen this, (to view the round image in the header, with link to the “KONTAKT” page):
echo “<div class=’header-custom-text’></div>”;

This is what I have made in the Quick CSS:

main-title, .main-title a { font-size: 14px !important; }

#top .social_bookmarks li a {
font-size: 17px;
}
.header-custom-text {
position: absolute;
right: 0px;
top: 0px;
float: right;
}
@media only screen and (max-width: 480px) {
.header-custom-text {
position: inherit;
float: left;
}
}

#menu-item-883 > .sub-menu li:nth-child(-n+4) a {
background: #d1ddcc;
}

.tik-boks-farve .iconbox_content {
background-color: rgb(87, 113, 49) !important;
}

.main_color .iconlist_content {
color: #808182;
}
@media only screen and (max-width: 767px) {
h1 { font-size: 19px !important; }
}
@media only screen and (max-width: 767px) {

.iconlist_title { font-size: 13px !important; }
}

.tik-tabs-farve .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
background-color: white;
color: #666666 !important;
}

.tik-tabs-farve .tab {
background-color: #719431;
color: #ffffff !important;
}

.tik-tabs-farveb .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
background-color: white;
color: #666666 !important;
}

.tik-tabs-farveb .tab {
background-color: #3c281e;
color: #ffffff !important;
}

@media only screen and (max-width: 769px) {
.page-id-2158 #av-layout-grid-1 .flex_cell, .page-id-2201 #av-layout-grid-2 .flex_cell,.page-id-2192 #av-layout-grid-2 .flex_cell {
background: none!important;
}}
I have used streched layout and dimension 1470px in the general settings. Have you any idea, what is wrong?

Cheers
Tina

Hi guys,

First I deleted the database and all previous theme and child theme files. Then I did a fresh download for the theme (Themeforest) and child theme (your own website). Then installed WordPress and the fresh files for theme and child theme and all seems to work fine for now :-)

I hope I don’t run into the same issues again.

For now you can flag this topic as solved. Should I run into problems again, I will open a new thread.

Thanks & have a nice day!
Monique

Hey!

That is what I thought as well.
You can flag this topic as closed and if any more problems occur, I will open a new ticket.

Thanks a lot for all your help & have a nice day!
Monique

Hi, can you tell me if it´s possible to add a menu navigation slider – or make it work that way on mobile devices? I would like to have my menu items in a bar on top of the mobile screen that I can slide left/right and then click the menu item of choice.

Thx for your feedback!

/Jens

Hi Andy and Ismael,

You confuse me. What one of you is saying, the other one changes…

What I see now:
1) home page 990 px and up.
2) home page 768 px up to 989 px.
3) http://michiels-reusel.arti-sign.nl/home-mobile-up-to-767-px.jpg (@Andy, I checked in the weekend on my partners mobile and saw this, so the issues with mobile must have come form my own mobile).

To me that looks perfectly alright. What am I missing here?

@Ismael: are you really sure I need to make those changes? I don’t want to change something that is already good. Can the two of you check together please?

The code I have now put together from all your advise is:

#header .widget {
    transform: translate(0%);
    min-width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

@media screen and (min-width: 990px) {
.container.av-logo-container {
	display: none;
}}

@media screen and (max-width: 990px) {
#advanced_menu_hide {
display: none !important;
}}

@media only screen and (max-width: 990px) {
.responsive #top .logo {
    display: none;
}

.html_header_top.html_bottom_nav_header #header_main {
    padding-bottom: 20px;
}

#advanced_menu_toggle, #advanced_menu_hide {
    position: relative;
    right: auto;
    top: 30%;
    margin-top: -15px;
    margin: 0 auto;
}
}

Please advise.

Thanks & regards,
Moniuqe