[deejayhart]

Thanks very much – most helpful.

[deejayhart]

This reply has been marked as private.

[deejayhart]

Here is my ipad acreenshot. There is certainly sufficient room.

Attachments:

You must be logged in to view attached files.

[deejayhart]

I don’t want the mobile menu on iPad! There is sufficient space for the full nav. So can you please explain how to keep the size without it being squashed?

Thanks.

[deejayhart]

My mistake – Firefox seems to show video on both machines. Only outstanding issue is this damn zoom thing, which makes no sense as other Cardinal themes are fine (same “zoom” on both Firefox and Chrome)…

[deejayhart]

Well this is really weird. Firstly, thanks for your quick response! Indeed it is my computer (Surface Pro 3, Windows 10) because on my desktop (Windows 7) it is showing exactly the same on both. So you have identified one thing – much appreciated.

I’d still like to know why, and if there is a fix for this annoying Chrome issue, but in checking on another machine, I notice another problem – there is no frontpage video in Firefox. GRAAAH! So I’d like to know why – the video is being hosted elsewhere as there was also an issue with one.com – it is on fasthosts, but this isn’t a problem in itself, it would seem. This could help?

So why is it not showing on my desktop firefox but working fine on my SP3? It would help to know what background video file format Firefox is looking for, as I have .webm, .ogg (it actually converts as .ogv and I renamed it to .ogg – why is there no simple way of doing this, even with something like “Any Video Converter” – i.e. why are the extensions requiring renaming?!) and .mp4. MAddening hassles to get background video to work – cannot tell you how long this has taken to try and fix…

Thanks so much for your time on this.

Dan

[deejayhart]

And here is Firefox. Please use the login and take a look? I am using Master Slider, and the video is 720×4980 but this is clearly not the issue since, as well as the video and “note” being enlarged on Chrome, so too is the header navigation and logo! Thanks – please please help – this is taking so long to launch 🙁

Attachments:

You must be logged in to view attached files.

[deejayhart]

Definitely not showing same for both. I will show Chrome and then Firefox, okay? As I say, exactly the same machine, same browsers show other Cardinal themes consistently on both, so it is really odd!

Here is Chrome again.

Attachments:

You must be logged in to view attached files.

[deejayhart]

This does not work – it overlays the fancy header, which is noit what I wanted at all…

[deejayhart]

Thanks – not bad, but can we have the dropdown in line with the words? Not below the arrow, but the same vertically as COMMERCIAL etc? Also, logo squashed on ipad – please sort?

Attachments:

You must be logged in to view attached files.

[deejayhart]

Come on mate – this is still not working! Below is the CSS. Let me explain more clearly.

1) I want the same size and weight as the top nav. Same mouseover.
2) I want the submenu to be close to the top nav. Ideally to the right of the little arrow icon, so aligned with the words.
3) I don’t want the divider.

Thanks! Please take a careful look at CSS this time – I have given you login details so you can save time by checking 🙂

.full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a {
text-decoration: none;
}

.full-center nav#main-navigation ul.menu,
nav.std-menu ul.sub-menu {
font-weight: bold;
}

nav .menu ul.sub-menu {
background-color: transparent;
}

nav .menu ul.sub-menu li.menu-item > a {
color: #fff!important;
}

div.spinner div{
background-color:#93a1b9 !important;
}

h1.entry-title {
font-family: Lato;
font-weight:100;
font-size:88px;
}

/*Mobile size */
@media only screen and (max-width: 767px){
h1.entry-title {
font-size:48px!important;
}
}

.wpcf7 p {
color: #ffffff;
}

nav .menu ul.sub-menu li.menu-item:hover > a {
background: transparent none repeat scroll 0% 0% !important;
text-decoration: none !important;
color: #fff !important;
background: transparent !important;
}
nav .menu ul.sub-menu{
box-shadow:none !important;
}

.fancy-heading-wrap {
box-shadow: 0 12px 12px rgba(0, 0, 0, 0.5);
z-index: 9999;
}

.fancy-heading h1,
.box-content-wrap h6 {
text-transform: none!important;
}

Attachments:

You must be logged in to view attached files.

[deejayhart]

It’as really simple. On mouseover to the top dropdown, I get two items. Both are underlined (not wanted), boxed (not wanted) and have a white bg rollover (not wanted) – I just need the code for it to look and behave exactly like the top items, with the same mouseover too!

[deejayhart]

Hmm, that ahsn’t worked? Also, we need a media query to show it smaller for mobile? Let’s try 48 rather than 88 for mobile?

Thanks!

[deejayhart]

Also, please see http://new.inspiragraphics.com/about – why is WEBSITE DESIGN in CAPITALS?! I entered all lower case.

[deejayhart]

Hi there – this is not working! Could you have a look again please?

.full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a {
text-decoration: none;
}

.full-center nav#main-navigation ul.menu,
nav.std-menu ul.sub-menu {
font-weight: bold;
}

nav .menu ul.sub-menu {
background-color: transparent;
}

nav .menu ul.sub-menu li.menu-item > a {
color: #fff!important;
}

div.spinner div{
background-color:#93a1b9 !important;
}

h1.entry-title {
font-family: Lato;
font-weight:100;
font-size:88px;
}

/*Mobile size */
@media only screen and (max-width: 767px){
h1.entry-title {
font-size:48px!important;
}
}

.wpcf7 p {
color: #ffffff;
}

nav .menu ul.sub-menu{
top:70px !important
}
nav .menu ul.sub-menu li.menu-item > a {
color: #FFF !important;
font-size: 18px !important;
font-weight: bold !important;
}
nav.std-menu ul.sub-menu > li{
border-top:0px !important;
}

.fancy-heading-wrap {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
z-index: 9999;
}