Oh, hold on. I think I’ve answered my own question.

#top .people .no_margin.av_one_fourth {
    border-radius: 0px;
    border: 6px solid white !important;
}

I did try this before I asked the question, but it didn’t work, but now it does. User error I guess!

But autoplay is not restricted on IOS anymore…. Please see the link I posted.

If i upload it at double size, it is still ridiculously big, but sharper (of course).

The problem is that it was too small to begin with, but that it seems to be very tiny or enormously big. I would like something in between. But when I upload it in lets say 450×50, the logo is being scaled to a bigger size (don’t know why), and therefore unsharp.

The problem is of course the shape of our logo…
a width of 340 is great on mobile phones also, however, the logo is then very small and hard to read. So I would like it to be a bit bigger, lets say about 450×50 on laptop screens and what is was before (original) on the phone screens. How to make that possible?

Hi – I already tried this but it ends up in the header area not in the meta area next to the social icons where I want the flag, please view here: http://reservoir.no/no/startsiden/

Using the following css:

#header .widget {

left: 10%;
padding-top: 6px;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;

}

What am I doing wrong?

Awsome! That worked. There is another issue now, when the search box opens it is off the left side of the screen so you only can see the right side of the box. When you type in a search you can’t see what you type as is is off the left side of the screen??
Is there a way to get the search in the top header? I’ve tried this https://kriesi.at/support/topic/search-icon-on-mobile-devices/ but I end up with [avia_search] in the top menu instead of teh search icon.

Hi.
Thanks for the code. It works in child themes style css but not in quick css??
There is a problem though, it appears in the centre of my logo, either on top or behind.
I have played around with the top and right margins but that just moves the cart and drop down menu with it??
Maybe it needs to go in the top menu as a fix?
I’ll leave it so you can take a look. The problem is on a smart phone (mobile) view.

I found another post about this and it gave me an idea of where to look. I changed the 210 & 135 numbers (previously were 175 and 100)

				scroll_top: function()
				{
					setTimeout(function()
					{
						var target_offset = target_wrap.offset().top - 210,
							window_offset = win.scrollTop();
											
						if(window_offset > target_offset || target_offset - window_offset > 135  )
						{
							$('html:not(:animated),body:not(:animated)').animate({ scrollTop: target_offset }, options.timing, options.easing);
						}
					},10);
				},

And another two font-related questions came up …

1. on http://wedding.coeval.de/reportagen/ I used Images as links for the private galleries of my clients. I would love to change the font of the image title, which appears on mouse over, to the font which I used for my content (Arapey, italic).

2. I would like to change the font of my menue from bold to regular, or from regular to light (I’m not sure which one is used actually).
The font in the dropdown menue is already thinner, and I would like to use this thin/light version as well for the topics like “portfolio”, “info”, … :)

Thank you Vinay
but i think you misunderstand me

i only need to change 2 borders
please see attached image

View post on imgur.com

Your code change all the “td” top border

is there any way to target it like maybe using nth child / item or something similar ?
thank you

Hi Jordan,

Yep, running the latest version (3.8). Since we need to have the logo displayed in the middle, I couldn’t use the header settings position( menu left and logo rightleft). For that reason I used this in the Child CSS:

/*Always hamburger menu*/
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }

/*Hamburger menu left alignment*/
a#advanced_menu_toggle {
left: 10px;
}

#advanced_menu_toggle
{border:none!important; font-size: 60px!important; color:#de0a1c!important;}

.avia_desktop #advanced_menu_toggle:hover
{
  background: none!important;
  border:none!important;
  }

#advanced_menu_toggle:after {
    content: "MENU";
    font-size: 24px !important;
    left: 56px;
    position: absolute;
    top: 0px;
color:#7b7b7b!important;
}

and added this to the child’s functions.php:

add_filter('avf_default_icons','avia_replace_standard_icon', 10, 1);

function avia_replace_standard_icon($icons)
{
$icons['mobile_menu']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue811');
return $icons;
}

Thanks for you help!

Hi Jordan,

I don’t know how to create a mockup but it’s easy to explain what I want to achieve.

On this site http://syngenera.com/ there are 4 horizontal rows

Top row is the Logo section

2nd row is the menu

3rd row is the main content

4th row is the socket

I’d like to place an image behind the logo which will fill the entire background of the Top row

When I try putting in a background image for the Logo Area via the Enfold settings it places the image in both the Logo area and the Menu area.

I only want it in the Logo area.

I hope that is clear.

Thanks