Hi Rikard,

I tried this, overlapping of logo and desktop menu is gone, but when shrinking the browser further on, logo and mobile menu are overlapping. When shrinking the browser more, the logo swaps to the left, but the logo should stay on the right side. The mobile menu should be displayed ( like the desktop menu ) always on the left side. Is this possible?

Thx for your help!

Hi Ismael,

2) works perfectly! great, thank you :-)

3) still didn’t work (at least on Linux desktop Firefox and Konqueror), but I got it finally fixed with this code:

h2.entry-title.post-title a {
font-size: 23px;
font-weight: bold !important;
text-transform: none;
}

Thanks so much for your help!
Kind regards,
Anja

Hey Ismael,

that did the trick. Thank you so much. Your help is much appreciated.
Sorry for my late reply. Just came back from vacation.

As I’m working with a child theme, your reply to this thread was also very helpful to me.

Keep up the awesome work.

best regards
Niko

Hi there,

Any news yet? I posted my issue on the 22nd. This is a serious issue, a showstopper for my client. I am paying extra for support, so i was wondering when this issue can me fixed.

Please help!

Mike

Thank you for the response

The slider was not resizing and was cursing off most of the image. I have changed the crop of the image and have added the below code in the style.css in my child theme:

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background-color: transparent;
position: absolute!important;
}}
/* CAPTION HEADING OF THE FULLSCREEN SLIDER ELEMENT IN MOBILE MODE */
.responsive #top .slideshow_caption h2 {
font-size: 40px !important;
font-weight: 100 !important;
}
}

@media only screen and (max-width: 1220px) and (min-width: 769px) {
#main {
padding-top: 0!important;
}
#advanced_menu_toggle, #advanced_menu_hide {
top: 16%;
}}

@media only screen and (max-width: 768px) {
.cartlink {display:none;}
.avia-slideshow .avia-caption .avia-caption-title
{ font-size: 14px; }}
@media only screen and (max-width: 480px) {
.avia-caption {
bottom: -10px;
left: -18px;
padding: 0 20px;
width: 305px;
}
.avia-caption .avia-caption-title { margin: 0; }
}
@media only screen and (max-width: 480px) {
#top .avia-slideshow-arrows a { display: none; }
.avia-slideshow-dots {
display: none;
}
}}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #main .container_wrap:first-child .container {
width: 528px;
margin: 0 auto;
}
}

.av_header_transparency #advanced_menu_toggle {
color: inherit;
background: #a41e23;
}

It seems to work

Let me know if it is suitable?

Login details:
I would need you email address to give you these details, please advise?

Also while you are on that page how can I make the fill width easy slider look better on mobile view?

Currently if you view it on a mobile the top and bottom get cut off

Thanks for your response Rikard.

Am I correct in saying that to use your code I could need to duplicate the content in the order to display for mobile and the order to display for desktop? I have come across this method before but I was hoping to find some CSS or shortcode parameters for the same result without having to duplicate the content.

Hi,

I adjusted to 45% and the tablet views look as good now as they can be– thanks so much!

The last issue now is that on smaller mobile screens, only the title shows (the caption is being cut off at the bottom).

It looked ok to me when the caption was centered top-to-bottom on small screens– even though the face was covered on the left, since half her face was showing on the right, it was ok.

How to set that up for smaller screens/cell phones?

Hey Vinay,

I’m sorry that you could’nt understand my question.
I have a custom menu in the sidebar. It has a first and a second level. Only I want to be visible the menu items of second level when I click on the menu item of the first level.
Example:
When I click of the main menu item “Tourism”, to first in the sidebar I want to be visible the menu items of the first level: In Example “restaurants”, “camping”, “sights” …. The second level is to be still invisible.
Only when I click of the first level menu item – in example “sights” – I want to be visible the 2nd level menu items: “church”, “castle”, “mill”….
I tryed the code from this thread: https://kriesi.at/support/topic/sidebar-menu-nested-at-2nd-level/, but it did’nt work.
I hope, you can understand me now. If not, then I must to write later in German. My english is bad. I often use Google Translator :-(

Andy try scrolling down the page. the item is white and its very likely you are viewing it on a white background at the top of the page. As soon as you view it over an image or something you can see it there.
If you cannot see it upon scrolling, then I will give you admin access

And how do I get those plugins back? The site is actually up anyway. If you tried to log in and got a white screen with the message, reloading would have brought up the dashboard, but with that same message at the top.

I just tried what you suggested, but the message is still there, even after a couple reloads and clearing the cache. I verified that the plugin menu item says that it doesn’t appear that I have any plugins.

I found a few solutions on your forums.

https://kriesi.at/support/topic/adding-content-boxes-to-layerslider/

Should be simple.

Thanks Vinay but that doesn’t work. It works when checking on desktop but it doesn’t work if you’re checking on a mobile phone (android).