Thanks.

Looks good is it not possible to have it on the top navigation?

HI Support
I’ve finally find an answer on the forum : https://kriesi.at/support/topic/layerslider-dynamic-content-from-posts/
but it seems to be an old post (so I don’t know if it’s always right)

I’ve find another way : put a single shortcode in a layer and personnalize it with the CSS on the “styles” tab
But It will be more easy to add css class and HTML in a single layer

If you have another idea, it’s welcome
Otherwise, the posts may be closed.

Thanks you support ; have a nice week :)

Ah I think I sorted it myself…

#advanced_menu_toggle { right: 5%; color: black; }
#advanced_menu_toggle:after {
content: ‘Menu’;
font-size: 18px;
position: relative;
top: -4px;
left: -90px;
color: #808080
}

#advanced_menu_toggle:before {
padding-left: 10px !important;
}

Hi, Its on all sites built with Enfold.
The Horizontal alignment has the logo and menu at the top of the header bar, and i want it to me moved to the middle, I dont see an option to attach a file upload or i would show you. the specific site i am working on now is http://www.brunettehomes.co.za

Thanks

the logo and menu toggle blocked the phone icon on mobile view….

#header .widget {
left: 84%;
padding-top: 8px;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}

/***********/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.phoneicon { display:block; }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.phoneicon { display:none; }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.phoneicon { display:none; }
}

@media only screen
and (min-width : 768px) {
.phoneicon { display:none; }
}

Hi Vinnie – thanks for this!

Unfortunately, it seems I was wrong about the behaviour – removing the # tag from the button didn’t fix the issue. To be honest, I was so disheartened I gave up on the issue for a couple of weeks!

So my site is now up at btribble.com – if you have any ideas how to fix the mobile menu so it doesn’t ‘pop’ to the top of the page on tap, I’d much appreciate your help.

Disabled plugins, cleared cache, no joy. Only Wordfence, JetPack and Askimet have ever been installed.
FTP update of Enfold Theme – no joy after clearing cache.
Tested Firefox, Safari and Chrome.
Note this error is now gone, (shortcodes.js?ver=3:1211 Uncaught TypeError: container.isotope is not a function) but the gallery still doesn;t work.
I will post the full listing of the CSS errors in private. I found a 404 error to a jquery call I can’t tell if that is whats tripping up the CSS.
I’ve listed that network error first. its a

It looks like in the shortcode.css file this block is preventing me from achieving what I’m after. The “!important” declaration being used here is frustrating me. I don’t edit the shortcode.css file in my child theme at present and wonder if this means I need to?

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption {left: 0; width:100%; padding:0;}
.responsive #top .slideshow_caption h2{font-size: 20px !important;}
.responsive #top .slideshow_caption .avia-caption-content{font-size: 13px !important;}