I was able to use your code modified to get the look I wanted. Thank you. I still gave the icon box a class of .iconBox1 in order to control which boxes changed, i didn’t want them all changed.

.iconBox1 .iconbox_content_title {
top: -66px; 
left:4px;
font-size:12px!important;
line-height:1.25em!important;
text-align:center!important;
}

Now i have another page listed in the private below.
You can see these ones have the round icon on the left, when I try to move the TEXT over left and down, it disappears. You can see it on the first section called CAR 1225. Any ideas what I might do here?

Thank you.

This was solved by WPML support. Here it is:

// set correct menu
function display_correct_menu($args = '') {
       if ( !is_user_logged_in() ) { $args['menu'] = wp_get_nav_menu_object( 'top-not-logged-in' ); }
     else { $args['menu'] = wp_get_nav_menu_object( 'top' ); }
         return $args;
}

add_filter( 'wp_nav_menu_args', 'display_correct_menu' );

Hi Yigit!!!

Yes, of course. Here is the link: http://imgur.com/a/H0uVl
It happens on ipad and also on iphone only if I choose to show my fullwidth slider image, otherwise I use your code to hide the element and it works great. As you can see, the image appears to be super big. Beige part is the top left side of my image.

Yes! After I tested tons of plugins for popup newsletter (lol) I chose a free plugin which looks nice and it is closer to my idea of popup, do you agree? Optinmonster was my first choice but it costs a lot to me. In the meantime, I wait for Enfold team to find a solution for newsletter popup without plugins. I am not a fan of plugins :-)

Hey Rikard,

Thanks for the CSS, but when I plugged it in on the general styling page, both sliders show up on the desktop version as well as on the mobile version. I flushed the cache in both cases.

Then as an additional test, I switched back to the CSS snippet I mentioned in my first contact, as seen below, and while the two sliders show up on desktop, only the mobile version is showing on mobile. Thought I would also mention that I have the mobile menu activated for both smartphones and tablets, and just to check, I plugged in 990px for the max and 991px for the min, using the code you supplied, and still had the same results as at 767px and 768px.

@media only screen and (max-width: 990px) {
div#layer_slider_1 { display: none; }}

Do you have any further suggestions?

Thanks, P

thanks. you can close this topic ;-)

thanks this helped.
what confused me was that the xcat functions file path was not mentioned in manual.

Thanks for clarification, topic can be closed.

Hi Vinay,

Worked perfectly with margin-top of -13px.

Thank you so much for this.
Lyse

This is the html code:

<div class="avia-image-container av-styling- avia-builder-el-6 avia-builder-el-no-sibling avia-align-center " itemscope="itemscope" itemtype="https://schema.org/ImageObject"><div class="avia-image-container-inner"><a href="*img_URL*" target="_blank" class="lightbox mfp-iframe avia_image lightbox-added"><img class="avia_image " src="*img_URL*" alt="" title="get" itemprop="contentURL"><span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 227px; width: 364px;"><span class="image-overlay-inside"></span></span></a></div></div>

• This reply was modified 9 years, 1 month ago by MCepkus.

Found a solution!

#top div.related_posts.av-related-style-full {
width: 900px;
margin-left: auto;
margin-right: auto;
float: initial;
}

Thanks anyway :)