I have the nonfixed header set, but randomly the feature stopped working. Is it not compatible with a background image or something?

igorsantosbjj.com

Hello Support Team,

I have a question concerning the social icons. I have managed to add a dotted divider to the top right corner of the homepage. The social icons however do not seem to appear next to the dotted line (small fixed header with social Icons).

If I change the header options to non Fixed Header with Social icons, I can see the icons and they go to the center when the window size changes (just like on your site).

What do I have to change to I can see the social icons on the top right corner (small fixed header with social icons)? Here is my style.css code:

/*header with social icons - change how large the height can be */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 80px; line-height: 80px; }

/* changes social hover from circle to rounded square */
#header_main .social_bookmarks li a {
	border-radius: 3px;
	font-size: 16px;
}

/* moves the main nav left and changes right border */
#top .main_menu {
right: 100px;
border-right-style: dashed;
border-right-width: 1px;
padding-right: 25px;
}

/* moves the social nav to the right of main nav */
#header_main .social_bookmarks {
position: absolute;
top: 50%;
margin-top: -15px;
right: 0px;
}

/* hides the normal social div at the top */
#header_meta {
	display: none;
} 
 
/* removes border */
.responsive #header_meta .social_bookmarks li {
	border-style: none;
}

/* removes border */
.responsive #top #header_meta .social_bookmarks li:last-child a {
	border-style: none;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */

	/* removes padding at the top behind logo after I shrink the main logo/navigation div height */
	.fixed_header.social_header #main {
		padding-top: 81px;
	}
	

}

/* Smaller than standard 960 (devices and browsers) (ipad Portrait)*/
@media only screen and (max-width: 989px) {

	/* adds the HKUSCG as a background */
	div .logo {
		background: url(https://www.hkuscg.com/wp-content/uploads/2013/10/S3transparentbackground-e1382792986200.png) top left no-repeat;
		top: 11px;
	}
	
	/* makes the default logo transparent */
	.logo img {
		opacity: 0;
		filter: alpha(opacity=0); /* For IE8 and earlier */
	}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */

	
	/*gives more space below main blog name when it is long and wraps to two lines on phones*/
	.title_container .main-title {
		line-height: 1.5em;
	}

	/* moves the icon logo on smaller screens */
	.responsive .mobile_slide_out .logo {
		margin-top: 10px;
		margin-bottom: -10px;
	}
	
	/* moves socket nav away from top link */
	#socket .sub_menu_socket div {
		float: right;
		margin-right: 60px;
	}
	
	/* change social icons */
	#top .social_bookmarks li a {
		font-size: 19px;
		width: 40px;
	}
	
}

I would like to thank you in advance.

Regards,

Frank.

with enfold, is it possible to replicate the image slider at the top of this theme?

http://www.mvpthemes.com/braxton/

maybe a post slider with 3 columns, no margins, and some kind of negative margins on the right and left?

Hello:

I have been working with your Enfold theme and really like it a lot. Thank you :)

I have a few issues with the site that I’m building and I’m hoping you can help. Otherwise, please let me know if these are customizations I would need to have someone make.

1. On my home page (I’m using a static page) I am trying to create the look of a 4column 2 row grid of images (some with links and some without) but I want to have no space between the rows or the colums. I need every square image to butt up to the next. See screen grabs. I tried using the portfolio grid feature, but that creates padding all around the images, as well as putting 1 image in each 1/4 column on the page. So, I figured out that if I built it in a text frame, importing images and sizing them to be exactly 257.7px x 257.5px so as to create 4 columns and 2 rows that would give the appearance I wanted. However, since I need a second row, and this is in the text editor feature of the advanced layout, it’s putting padding or line spacing or a break between each line. Can you tell me how to remove that white space? Code of text box is below (and screen grabs are here:

————

————

2. I have a link in the top navigation called “Schedule” and it the takes traffic to a different website for scheduling class times with teachers, is there a way to have that link open in a new window/tab? I don’t want to have people click that menu item and go away from the site. All of the rest of the references to the “Schedule” open in new tabs/windows – I just can’t figure it out for the top navigation, which I set it up directly in the Menu panel.

3. On the home page, I have a Blog Slider step up inside of a color box/block. Is there a way to change the type (color, size) for the blog titles, dates and excerpts? They are little hard to read on the color that I need to use behind them. Also, is there a way to remove the dates from blog postings if desired? I know I can go in and manually change the date it was posted, but can I have it simply not show up on the blog slider, and possibly not show up in the blog itself?

4. On the “Contact us” page I am using the google map widget, but is there a way to make the map taller? The map is using the width of the column that it’s in, which is great, but it won’t let me change the height of the map displayed for some reason?

Please let me know if you need any additional screen grabs. They site isn’t live, yet but if needed I can make it live temporarily for you to see.

Thank you so much!

Hello,

On the top of the Enfold theme where it has the page titles (Home, Portfolio, Blog, etc), how can I remove them? Basically I just want one page which is my portfolio so I don’t want any titles on the top – that includes ‘HOME’, I don’t want that there either.

Also, is there a way for me to get the contact form in the sidebar?

Any help would really be appreciated. Thanks!

https://kriesi.at/support/topic/masonry-gallery-javascript-disabled/

there are more problems on some elements avia-content-slider, Gallery …
nothing showing

for Accessibility not optimal