Hello John,

That’s strange…when I first tried to customize the top bar background under “Erweitertes Styling”, it has no effect. Then Mike provided some CSS to control the top bar’s bg color via the Quick CSS feature, which worked fine, of course.
When I checked again today, now the customized element works fine, i.e. I can define the top bar’s bg color without the need of any Quick CSS.

P.S.: My installation is in German, so I translated “Erweitertes Styling” to “extended styling” – anyway, it’s the Enfold tab below General Styling, the one with the magic wand icon, where it says: “Here you can select a number of different elements and change their default styling”

So, no idea why it didn’t work from the start, but thanks for all your help. From my side this thread can be closed.

Thanks,
Thomas

Hi Rikard,

Not exactly as i want to, but it will do. Iff you check the link in private previous post you will notice that the thumbs are the way i want them to be, but i cant’t get them a little bit bigger and under each-other.

This is my code now;

[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='' mobile_display='']

[av_portfolio categories='23' columns='2' one_column_template='special' items='-1' contents='' preview_mode='auto' image_size='portfolio' linking='' sort='no' paginate='no' query_orderby='date' query_order='DESC']

[/av_one_full]

• This reply was modified 8 years, 11 months ago by jeffreytreffers.

Taken a long time to getting round to trying this but your suggested edit to functions.php only resulted in totally breaking the website and took a while to recover as even restoring the original php file did not fix it!!!!! Surely this should be a css issue. If people select the facebook link when using a mobile rather than a bigger screen pc they should be shown a different link that directs them to the mobile app url. I can do this with a normal website using media queries but have no idea how this can be done using a wordpress enfold website. This is quite an important feature that is missing as so many people view using a website yet are being directed to the desktop facebook login rather than a link to the facebook app which starts fb://profile/profilenumber rather than https://facebook/username.

Below is an example of how I achieved this on a html website..

<div class=”widget widget-social”>
<div class=”social-media”> <i class=”fa fa-facebook”></i>
<div class=”social-media”> <i class=”fa fa-facebook”></i>

css media query used bootstrap css as per these few lines

@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px)and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px)and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important

Hey Victoria,

Sorry! I changed that page since I posted this issue. I didn’t hear back for a few days so I decided to use the masonry gallery. Im not having this issue on desktop but I am on mobile still.

Can you go to my site on a phone: ccyran.com/work

Try to scroll down and you’ll see that the page does this weird jump. Almost like it hesitates to scroll down. Let me know if you see it, and thanks again for helping me.

Never mind, I found it here.
https://kriesi.at/support/topic/footer-mobile-view/#post-759946

Seems like this should be a setting in the Footer options for the theme.

Hi Jordan,
I solved it already. Thanks.