Few Crucial Issues

[kamarch]

First and foremost, beautiful theme. I applaud you on details and the quick responses for your support. Have a few key issues that I am trying to get wrapped up ASAP for a big event.

1.) The color customizer kept freezing my browser for whatever reason and I simply couldnt get every detail that I wanted. I would like to have the text, by default, be #60C4D3 and once hovered upon, turn into a deeper #0E617D. I have it in the menu once scrolling down, but for whatever reason I cant get it to happen for the text over the video, the search icon, or the social media icons.

2.) For whatever reason I am having the biggest difficulty with the background video for Firefox. I uploaded the converted mp4 and webm to no avail.

3.) Additionally, the background image that is the placeholder for the video on mobile does not work on my iPhone5. The image itself refuses to stay within the header on mobile, just shows up as white. I would like to have the same image that the video introduces so it seems just a bit more seamless.

4.) Firefox also refuses to display the logo appropriately when resizing the browser on desktop. I have people reporting to me that the logo shrinks dramatically on Firefox and is misplaced on Chrome. I have yet to experience the bug.

5.) Finally, how do I create hoverable hyperlinks? As you can see on the event page the text headlines have no kind of effects on them when moving the mouse over them.

6.) The “Email address:” field in the subscribe mega menu is almost passing over the borderlines of the submenu, is there any remedy to this?

[Swift Ideas – Ed]

Hi @kamarch

1) That is the default colour for the dark naked header variant – if you’d like it to be another colour, you’d have to adjust the css for that.

2) Have you tried the ogg variant? It’s likely how you are converting it. We use: http://www.mirovideoconverter.com/

3) Try adding this custom css:

.swiper-slide {
background-size: cover;
background-position: center;
}

4) Confirm you have set the logo size in Theme Options > Logo Options?

5) This is why: https://www.dropbox.com/s/qeq4p7pgcfyogy1/Screenshot%202014-09-15%2021.55.58.png?dl=0 You have inline styles which are overriding the theme styling.

6) Add this custom css:

.mega-menu-widget form {
padding: 20px;
}

Hope that helps.

– Ed

[kamarch]

Went with a different design flow but wanted to give feedback on what worked

1) Attempted at creating some custom CSS but failed miserably
2) Ironically, that was the exact program that I used but it still did not work via Firefox, unable to test it again however since we’re no longer designing the website belonging to the original query
3) I believe it fixed itself with an update? However a problem that was continuous was the difficulty in sliding the website down on mobile with the SwiftSlider as the header. ie its almost impossible to scroll down the page at first load without hitting the “continuous arrow”
4) We had to set the logo dimensions to what the cardinal dimensions were on the demo, any bigger caused the logo to not be in line with the header on Firefox when scaling the responsiveness with zoom
5) Fixed
6) Fixed

New Query:

I asked this already in a different topic (I didn’t think of replying to this and resolving it until after I submitted the new topic, my apologies) However, I was wondering how I can create an opaque circle border around the social media icons and turn the icons themselves an orange color of #f9a222? I don’t necessarily need any hover transition with color but I can’t lie that it would be pretty cool.

Thanks again,

KamArch

[Rui Guerreiro – SUPPORT]

Hi,

Check the attached screenshot. Is it something like that?
https://www.dropbox.com/s/9t948ayuyp5xbwf/social_icons_orange.png?dl=0

-Rui

[kamarch]

Sorry for the delay, fell under the weather and briefly forgot you all switched to the .com but that is exactly it Rui! How do I pull that off for every social media icon in the header? Thank you for replying to the other thread, I won’t touch that one since I know it’s in order. I’ll set it as resolved actually.

[Rui Guerreiro – SUPPORT]

Hi,

No problem. But this example is for the footer.
Can you show me where you have the social icons on the header?

-Rui

[kamarch]

It’s the top right of the menu/header, I’m using the third header layout option. Attached is a JPG of the header. Let me know if you need anything else.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

I can’t access the login page? http://feelfreemovement.com/wp-admin

Please check

– Kyle

[kamarch]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

.social .fa {
  border-radius: 50%;
  border: 2px solid;
  height: 60px;
  width: 60px;
  padding: 12px;
}

I’m afraid that’s not possible no, sorry

– Kyle

[kamarch]

This reply has been marked as private.

[Kyle – SUPPORT]

Unfortunately it’s quite difficult with the Cardinal social icons, I was looking at your previous link.

For the header bg add this to your custom css:

.sticky-header {
  background: url(yourimage);
}

– Kyle

[kamarch]

This reply has been marked as private.

[kamarch]

This reply has been marked as private.

[Kyle – SUPPORT]

Please open new topics for your new issues, and please open separate topics for each as they are not related. It’s easier and for us to resolve the issues

Thanks