Return to previous page

Resize slideshow and move menu area up - by MarketingCopenhagen

This topic has 60 replies, 5 voices, and was last updated 8 years ago ago by Robert Hall

Eva Kemp

Support staff

April 18, 2016 at 14:38

Hello,

You need edit the file wp-content/themes/royal/js/plugins.js, find the code bgColor:"#d00" (there are 2 lines of it) and change color #d00 to yours (you need write hex color code).

Regards,
Eva Kemp.

#121788 Copied

MarketingCopenhagen

Participant

April 20, 2016 at 08:38

Hi again,

I tried to search for the code in the file as I couln’t find it – but it also says that it din’t find anything? What do I do?

#122073 Copied

Jack Richardson

Support staff

April 20, 2016 at 09:12

Hello,

Please provide FTP credentials and specify what color you need to set.

Best regards,
Jack Richardson.

#122092 Copied

MarketingCopenhagen

Participant

April 20, 2016 at 09:15

Hi,

Color: #53d250

Thank you so much 🙂

Please, contact administrator
for this information.

#122095 Copied

Eva Kemp

Support staff

April 20, 2016 at 10:08

Hello,

I’ve edited that file. Please check icon now.

Regards,
Eva Kemp.

#122109 Copied

MarketingCopenhagen

Participant

April 22, 2016 at 12:07

Hi, thanks so much!

But can you by any chance change the color to #489602 as i sendt you a wrong color code? I am now sure that this is the right color code! Sorry!

Also I would like the main menu to have capitalized letters as now but the submenus I would like to be Inherit. When I change the menu typography ti Inhert it is only effecting the main menu and not the submenu. Is it possible to make it only effect the Submenu?

I followed one of your guides to make columns in the submenu box – which is great! But when I choose a number of columns there is kind of a huge space from the menu and to the box margin and also between the columns – can I make the space from the menu to the margin dissapear or at least make it smaller – and make the space between the columns just a litte smaller? I added a screenshot here: https://www.dropbox.com/s/q5fawp82xh89e9e/Sk%C3%A6rmbillede%202016-04-22%20kl.%2013.05.29.png?dl=0

#122529 Copied
Eva Kemp

Support staff

April 22, 2016 at 12:53
Hello,

Color changed.

Do you mean you want to make submenu items capitalized too? As I see they already are.

Add this code in Global Custom CSS:
```
.menu .nav-sublist-dropdown {
   top: 100%;
}
.menu .nav-sublist-dropdown .container {
    width: 300px;
}
```
Regards,
Eva Kemp.
#122542 Copied
MarketingCopenhagen

Participant

April 22, 2016 at 13:06

Hi,

Thanks but no the sub menu shall NOT be capitalized – only the main menu 🙂 Sorry, my english is not that good 😉

I added the CSS and now the sub menus just go into 1 column and the space is still there – check this screenshot: https://www.dropbox.com/s/0pkl5rdj2plwny4/Sk%C3%A6rmbillede%202016-04-22%20kl.%2014.05.06.png?dl=0

Thank you for your qiuck help 🙂

#122545 Copied
Eva Kemp

Support staff

April 22, 2016 at 14:06
Hello,

I’ve added this code for submenu items:
```
.menu .menu-full-width .nav-sublist-dropdown ul > li > a {
   text-transform: capitalize;
}
```
And to decrease columns size I’ve added this css code:
```
.header-type-7 .menu-wrapper .menu-main-container > ul .nav-sublist-dropdown {
  width: 280px !important;
}

.menu .menu-full-width .nav-sublist-dropdown ul > li {
   width: 108px;
}
```
Please check.

Regards,
Eva Kemp.
#122559 Copied
MarketingCopenhagen

Participant

April 22, 2016 at 16:22

Hi,

thank you so much – it looks way better now!

Can you send me the CSS to make it work for the drop down menu that appears when you scroll down the page as well? Thank you 🙂

#122583 Copied
Jack Richardson

Support staff

April 22, 2016 at 17:41
Hello,

Please use this code:
```
.fixed-header-area .menu .nav-sublist-dropdown {
    top: 100%;
    width: 300px !important;
}
```
Best regards,
Jack Richardson.
#122593 Copied
MarketingCopenhagen

Participant

April 25, 2016 at 08:26

Hi,

Thank you it works perfectly 🙂

I have another question. When I look at the page from my mobile it looks totally wrong. Last time I checked everything looked fine and I haven’t changed anything besides the size of the slideshow and I added a YouTube clip to the front page. Now the slideshow is all wrong on the mobile and the youtube clip is not even showing. The Footer is also totally messed up for some reason.

Can you help?

Thank you!

#122706 Copied

Eva Kemp

Support staff

April 25, 2016 at 09:08

Hello,

Could you please show on a screenshot what is wrong?
What mobile device are you testing on?

Regards,
Eva Kemp.

#122727 Copied

MarketingCopenhagen

Participant

April 25, 2016 at 09:16

Hi,

yes of course – just give me a few hours.

We tested it both on my Iphone and on a android device. The same result.

#122729 Copied

MarketingCopenhagen

Participant

April 25, 2016 at 09:23

It looks like this on a Iphone and on Android device:

https://www.dropbox.com/s/slxzjnv3rwpc4p7/IMG_4314.PNG?dl=0

https://www.dropbox.com/s/ywonwxmmwwzexo7/IMG_4315.PNG?dl=0

https://www.dropbox.com/s/bi348sqc7ek6d9h/IMG_4316.PNG?dl=0

https://www.dropbox.com/s/gxs2adrx4hr6cwf/IMG_4317.PNG?dl=0

#122736 Copied

Eva Kemp

Support staff

April 25, 2016 at 14:51

Hello,

I’ve set Background Fit option to “cover” in revslider settings http://storage5.static.itmages.com/i/16/0425/h_1461591616_2049024_9c5484737d.png . Please check slider on mobile now.
As for footer you’ve added margin-top value in VC editor http://storage4.static.itmages.com/i/16/0425/h_1461592159_5569813_629ed2fb54.png and it’s loading for mobile version too. Remove it.

Concerning the video not displaying please refer to this article:
http://demosthenes.info/blog/777/Create-Fullscreen-HTML5-Page-Background-Video

Displaying the fullscreen background video on mobile devices presents several challenges:

Most mobile platforms (iOS in particular) will refuse to autoplay HTML5 video to avoid potentially ruinous data charges.
In such cases the video will be displayed with an embedded play button, which in turn…
…may capture touches on the device, locking out links that may be in the content on top of the video.
While it is possible to feature-detect support for video autoplay with JavaScript (a technique I will cover in a future article), the easiest solution is to use a media query that switches off the video entirely on smaller screens, substituting the placeholder image in the background.

Regards,
Eva Kemp.

#122823 Copied

MarketingCopenhagen

Participant

April 27, 2016 at 11:49

Hi,

Thanks – the footer and slideshow is perfect now 🙂

We have decided that we would like to hear if it is possible to set the movie to autoplay on a laptop (as it does now) and then hide it on the mobile. How do we hide only that specific row on mobile devices and mobile devices only? 🙂

#123118 Copied

Jack Richardson

Support staff

April 27, 2016 at 12:50

Hello,

You can hide row for mobile devices in the row settings, please look at the screenshot http://prntscr.com/axg09q .

Best regards,
Jack Richardson.

#123120 Copied

MarketingCopenhagen

Participant

April 27, 2016 at 13:00

Hi,

Also I cant remember how to change the menu hover color – when you swipe the mouse over the menu it turn into a dark yellow – where do i change that?

#123123 Copied
Robert Hall

Support staff

April 27, 2016 at 13:57
Hello,

Please try to add this code in Global Custom CSS.
```
.header-type-7 .menu-wrapper .menu > li > a:hover {
    color: #000000;
}
```
Regards,
Robert Hall
#123129 Copied
1 2 3

Viewing 60 results - 41 through 60 (of 60 total)